한우의 개발일기

MSW 서버도 함께 빌드하기현재 프로젝트는 벡엔드 서버가 아직 배포가 되지않아서 명세서에 맞게 msw를 이용하여 mock 서버를 통해서 작업을 하고있다.이때 도커에 빌드시 msw 서버를 같이 빌드해서 추후 벡엔드 서버가 나오면 msw 서버 부분만 지우고 사용하고자 했다MSW 서버와 같이 빌드를 하게 된 이유처음에는 docker로 빌드하고 yarn mock 을 통해 로컬에서 mock 서버를 열어주고 빌드된 프로젝트를 확인하는 작업을 하려했으나 도커와 mock 서버간에 충돌과 서버사이드렌더링 관련한 오류로 인하여 같이 배포를 하려고 하였다.빌드방법방법은 여러가지가 있었다. Docker.mock 이란 msw서버전용 파일을 새로 만들어도 되고 하나의 Dockerfile에서 같이 빌드를 시켜도 된다.나는 하나의 ..

트러블 슈팅도커 빌드시 환경변수를 읽어 오지 못하는 오류가 생겼다yml파일# docker-compose.ymlservices: web: build: context: . dockerfile: Dockerfile args: NEXT_PUBLIC_API_MOCKING: ${NEXT_PUBLIC_API_MOCKING} NEXT_PUBLIC_BASE_URL: ${NEXT_PUBLIC_BASE_URL} NEXT_PUBLIC_KAKAOMAP_KEY: ${NEXT_PUBLIC_KAKAOMAP_KEY} ports: - "3000:3000" environment: - NODE_ENV=production - NEXT..

도커 적용하기먼저 도커 홈페이지로 이동후 각각 OS 환경에 맞는 도커 데스크탑을 설치해준다. 편한 개발환경을 위해 vscode 익스텐션도 설치해주자!!설치를 한뒤 프로젝트 파일로 이동한 뒤루트디랙토리에 Dokerfile, doker-compose.yml 파일을 생성해준다.dokerignore 파일도 만들어주면 좋다!!(뒤에서 설명할 예정)# DockerfileFROM node:18-alpine AS base# DependenciesFROM base AS depsRUN apk add --no-cache libc6-compatWORKDIR /appCOPY package.json yarn.lock ./RUN yarn install --frozen-lockfile# BuilderFROM base AS build..