108일차 - 도커 (도커 컴포즈로 리액트앱 도커라이즈)

도커 컴포즈로 리액트앱 도커라이즈

1. Dockerfile 생성

• 리액트 애플리케이션의 소스 코드와 의존성을 도커 이미지로 빌드하고, npm start 명령어를 통해 개발 서버를 실행

# 베이스 이미지로 Node.js의 LTS 버전 사용
FROM node:20

# 앱 디렉토리 생성
WORKDIR /usr/src/app

# 의존성 파일 복사
COPY package*.json ./

# 패키지 설치
RUN npm install

# 앱 소스 추가
COPY . .

# 애플리케이션 빌드
RUN npm run build

# 3000 포트 오픈
EXPOSE 3000

# 애플리케이션 실행
CMD ["npm", "start"]

2. docker-compose.yml 수정

services:
  react-app:
    build: .
    ports:
      - "3000:3000"
    environment:
      - NODE_ENV=development

3. 실행

• docker-compose up -d