Docker로 React 프로젝트 컨테이너 만들기

# 노드 이미지를 최신 버전으로 가져옴
FROM node:latest as build

# working directory 지정
WORKDIR /app

# dependency 설치 
COPY . .
RUN yarn install
# 실제 환경 배포시 yarn build를 사용한다. 오늘 작성중인 Dockerfile은 개발용으로 작성되었다. (로컬 파일을 컨테이너화 한것과 동일함)

# 앱 실행
CMD ["yarn", "start"]

# example-fe라는 이름으로 도커 이미지 빌드
docker build -t example-fe .

# 도커 이미지 실행 (3000포트로), 만약 실행중인 도커 컨테이너가 있다면 중지 후 다시 시작
docker run -v ${PWD}:/app -p 3000:3000 --rm example-fe

version: "3.7"

services:
  example:
    container_name: example-fe
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ".:/app"
    ports:
      - "3000:3000"
    environment:
      - NODE_ENV=development

# 커맨드라인에서
docker-compose up -d --build