React 어플리케이션 Dockerfile 작성(개발용)

React로 개발된 어플리케이션을 Docker화 하기 위해서 Dockerfile을 작성하고, Google Cloud Platform에 배포하는 방법을 설명한다.

[Dockerfile 작성]

# node 설치
FROM node:alpine

# 작업 디렉토리 설정하고, package.json 복사
WORKDIR /app
COPY package.json /app/package.json

# npm 설치
RUN npm install

# 앱 실행
COPY . /app
CMD ["npm", "start"]

[docker image 생성]

docker build -t gcr.io/[PROJECT_ID]/[IMAGE_NAME]:[TAG] .

[image 리스트 확인]

gcloud container images list

[docker image push]

docker push gcr.io/[PROJECT_ID]/[IMAGE_NAME]:[TAG]

[docker image 실행]

docker run gcr.io/[PROJECT_ID]/[IMAGE_NAME]:[TAG]

 

개발용으로 접속한다면, 페이지를 불러오는 속도가 상당히 느리다.

상용 배포를 위해 build된 패키지를 nginx 서버로 배포하는 방법은 이후 포스트에 작성