begong블로그

지난 글에 GTM 설치를 완료하였으니, 이어서 GA4와 Meta Pixel을 도입해 보려고 한다. GA4 등록하기 Redirecting... analytics.google.com좌측 하단 “관리” → “만들기” 클릭 해당 창에서 순서대로 정보를 입력하면 된다.테스트, 운영하려는 특성에 맞게 설정하면 된다. 정보 입력을 완료하고 플랫폼을 선택하면 아래와 같은 창이 뜬다.이것도 입력하고 만들고 계속하기 클릭 태그 설정하는 창이 뜨는데 무시해도 된다!!! 우리는 GTM을 등록해놓았기 때문에 편하게 등록이 가능하다. 닫기를 클릭하면이런 창이 나오는데 “측정 ID” 부분을 복사해야 한다. 다시 구글 태그관리자로 이동한다.우측 메뉴바의 태그 → 새로만들기 → 태그 구성 클릭 구글 애널리틱스 클릭Google 태그 클..

프로젝트의 주제를 결정하기 위하여, 아이디어에 대한 가설검증을 진행하려 합니다.랜딩 페이지 배포만을 통해 사용자들의 반응을 체크해 기획을 결정하고, 구체화 할 생각입니다. 시간이 제한되어 있기 때문에 빠르게 많은 아이디어를 검증해야 합니다.그렇기 때문에 AI 툴을 사용하여 개발 소요 없이, 아이디어를 검증 할 세팅을 했습니다. 총 3개의 글로 나누어 가설검증 준비 방법을 기록 할 예정입니다.이 글에서는 Lovable을 활용한 랜딩 페이지 배포와, 구글 태그메니저 등록을 다룰 예정입니다. Lovable로 페이지 배포하기 LovableBuild software products, using only a chat interfacelovable.dev프롬프트를 입력하면 빠르게 화면을 만들어 주는 AI툴입니다. 넣..

관련 글 목록1. 컨테이너 기술2. 도커와 Docker engine3. 도커 네트워크4. 도커 포트포워딩 시 서버 폭파 문제해결 그동안 컨테이너 기술, 도커, 도커네트워크에 관하여 알아보았습니다.현재 프로젝트에서 사용중인 bridge 네트워크의 구조에 대해서 알아보았으니, 문제가 될 만한 부분을 추측하고 원인을 찾아 해결해 보겠습니다.그렇다면 포트포워딩 설정을 많이했을 때 왜 서버가 터졌는가?원인 추측많은 proxy 프로세스로 인한 과부하포트매핑 별로 docker-proxy 프로세스가 생기기 떄문에 과부하가 발생할 수 있다.테스트테스트 환경M1 맥북에 우분투 18버전을 설치하여 최대한 클라우드 환경과 비슷하게 세팅하였습니다.CPU 2코어, 메모리 4GB (클라우드 메모리는 8GB)컨테이너 실행을 위해 N..

관련 글 목록1. 컨테이너 기술2. 도커와 Docker engine3. 도커 네트워크4. 도커 포트포워딩 시 서버 폭파 문제해결 지난 글에서 도커의 실행 방식을 알아보았으니, 이제 도커 네트워크는 어떻게 구성되어있는지 알아보겠습니다.Docker 네트워크의 종류도커 네트워크의 종류는 6개가 있다고 한다. (공식문서 : https://docs.docker.com/engine/network/ )Bridge Network기본적인 네트워크 드라이버Docker Daemon이 관리하는 가상의 브리지 네트워크를 사용컨테이너는 이 네트워크 내에서 IP 주소를 할당받고, 다른 컨테이너와 통신애플리케이션이 동일한 호스트의 다른 컨테이너와 통신해야 하는 컨테이너에서 실행될 때 일반적으로 사용Host Network호스트 시스템..

관련 글 목록1. 컨테이너 기술2. 도커와 Docker engine3. 도커 네트워크4. 도커 포트포워딩 시 서버 폭파 문제해결 1편에서 컨테이너 기술의 역사와 동작원리에 대해 알아보았습니다.이어서 도커에 대해서 알아보겠습니다.도커란?컨테이너화 기술을 기반으로 하는 오픈 소스 플랫폼애플리케이션 개발, 배포, 실행의 모든 과정을 자동화하고 간소화하는 데 도움을 줌도커의 발전과정초기엔 LXC를 기반으로 개발되었음docker초기에는 lxc를 사용하여 컨테이너를 실행Docker의 컨셉과 어울리지 않고(LXC의 복잡함, 과도한 기능),의존성 문제 떄문에 Libcontainer를 개발LXC : 각 컨테이너가 독립적인 리눅스 시스템처럼 동작할 수 있게 함⇒ docker는 애플리케이션만 독립되면 됨.Libcontain..

관련 글 목록1. 컨테이너 기술2. 도커와 Docker engine3. 도커 네트워크4. 도커 포트포워딩 시 서버 폭파 문제해결주제 선정 이유프로젝트에서 CI/CD를 편하게 하기 위해 도커를 사용중입니다.Mediasoup 라이브러리는 접속자 한명 당 두개의 포트가 필요합니다.현재는 도커 bridge모드를 사용하여 포트 매핑을 통해 컨테이너와 네트워크 연결하고 있습니다.많은 사용자 접속을 위해, 많은 포트를 매핑 시 CPU 사용량 때문에 서버가 터지는 문제 발생하였습니다.도커 네트워크 모드 변경을 통하여 위의 문제를 해결할 수 있다고 합니다. (브릿지모드 → 호스트 모드)별다른 공부 없이 네트워크 연결 방식 변경으로 해결하기보다는 도커의 작동원리, 컨셉들을 잘 이해하여 왜? 어째서? 이런 문제가 생겼는지,..

글로벌 가드대부분의 엔드포인트를 보호해야 하는 경우 인증 가드를 글로벌 가드로 등록.어떤 모듈에서든 다음과 같이 등록하면 모든 엔드포인트에 가드가 붙음providers: [ { provide: APP_GUARD, useClass: JwtAuthGuard, },],@Public() 데코레이터를 생성하여 글로벌 가드 뚫기import { SetMetadata } from '@nestjs/common';export const IS_PUBLIC_KEY = 'isPublic';export const Public = () => SetMetadata(IS_PUBLIC_KEY, true);setMetaData 데코레이터 팩토리 함수를 통해 @Public 데코레이터 생성IS_PUBLIC_KEY는 메타데이터 ..

Documentation | NestJS - A progressive Node.js framework로컬 로그인 로직 구현passport 및 passport local 설치pnpm add @nestjs/passport passport passport-localpnpm add -D @types/passport-localbcrypt 설치pnpm add bcryptpnpm add -D @types/bcryptbcrypt 설치 이유용도crypto: 범용 암호화 라이브러리로 해시함수, 대칭/비대칭 암호화 등 다양한 암호화 기능 제공bcrypt: 비밀번호 해싱에 특화된 단방향 해시 함수성능crypto: 일반적으로 bcrypt보다 빠름. SHA-256 등의 해시함수는 고속 처리 가능bcrypt: 의도적으로 느리게 설..

OAuth 앱 만들기 - GitHub Docspassport-github 설치# 필요한 패키지 설치pnpm add passport passport-github# 타입 정의 패키지 설치 (개발 의존성)pnpm add -D @types/passport-githubpassport-github 전략설정// auth/github.strategy.ts@Injectable()export class GitHubStrategy extends PassportStrategy(Strategy, 'github') { constructor( private configService: ConfigService, private authService: AuthService ) { super({ clientI..

에러의 시작typeORM 세팅 중 entities를 글로벌 패턴에서 autoLoadEntities를 사용하니 TypeORMError: Entity metadata for User#applicants was not found와 같은 에러가 남.해결과정관계 설정 중 import가 잘못되었을 경우 에러가 날 수 있음import를 확인해 보니 에러안남N대M 관계 잘못 설정claude를 통해 수정하여 봤으나, 에러는 그대로혹시... module에 import를 하지않아서?정답module에 TypeOrmModule.forFeature([Entity])를 통해서 등록해야 자동 import가 된다고함교훈- autoLoadEntities를 사용할때는 당장 안쓰는 ENTITIY라도 등록해놓자.