[docker] 도커로 React 서버 실행시켜보기

박성수·2023년 2월 12일
0
post-thumbnail

이번에는 아주 간단한 예제로 Docker 환경에서 서버를 실행시키는 것을 연습해보도록 하겠습니다.

Dockerfile 작성

이미지를 생성하기 위해서는 Dockerfile이라는 것을 작성해야하고, 도커는 이 Dockerfile을 읽어서 이미지를 만든다.

다음은 최상단에 작성한 Dockerfile이다.

# FROM 명령어로 기본이미지를 불러옴.
FROM node:18-alpine

#WORKDIR 명령어로 work directory설정 (도커내에 작업할 디렉토리를 설정함)
WORKDIR /app

#COPY 명령어로 파일을 복사함.
COPY package.json package-lock.json ./

# 모듈들을 설치함 install 명령어를 사용할 수도 있지만
# ci명령어를 사용하면 package-lock.json에 명시된 버전들을 똑같이 설치가능.
RUN npm ci

## 모든 파일 복사
COPY . .

## npm start 실행
CMD ["npm", "start"]

도커이미지 빌드

이미지 빌드 명령어

docker build -f Dockerfile -t blog-docker .

명령어를 뜯어보면 다음과 같다.

  • docker build : 이미지파일을 빌드한다.
  • -f Dockerfile : 어떤 Dockerfile을 사용할 것인지 이름을 지정
  • -t : 이미지의 레파지토리 이름을 붙여주고 싶을 떄 사용
  • . : 명령어를 수행하는 현재 디렉토리를 지정해준것.

터미널을 열고 docker images로 이미지들을 확인할 수 있다.

컨테이너 실행

만든 이미지를 바탕으로 컨테이너를 실행할 수 있다.

docker run -d -p 3001:3000 blog-docker
  • docker run : 컨테이너 실행 명령어
  • -d : detach의 약자 백그라운드에서도 실행시키려면 지정
  • -p 3001:3000 : 포트번호를 지정해준 것으로 로컬의 3001번과 도커환경의 3000번 포트를 연결해준다는 의미
  • blog-docker : 실행시킬 이미지 지정

도커환경에서 잘 실행이 되는 모습...

profile
Front-end Developer

0개의 댓글