react를 위한 docker파일 작성

패캠을 초격차 패키지를 통해서 docker에 대해서 배웠는데, react 에서 어떻게 사용하는지 기록하기 위해서 게시글을 작성하였습니다.

FROM : 베이스 이미지를 가져옴 --> npm을 사용하기 위해서 node 이미지를 사용

WORKDIR : 컨터이너안에 어떠한 경로에 리액트를 위한 파일이 있는지 설치되어있는지 확인

COPY : package.json 파일을 카피해서 디렉토리에 적용

RUN : package.json을 이용해 npm install을 실행시켜줌 
COPY : ./    ./  한번 더 카피해서 DIR 안에 모든것을 넣어주는것

CMD  :  "npm" ,"run" ,"start"  

#docekerfile

FROM node:16-alpine

WORKDIR /usr/src/app

COPY package.json ./

RUN npm install

COPY ./ ./

CMD ["npm","run","start"]

docker를 적용시킬 프로젝트에 해당 파일을 생성하고
빌드하기 docker build ./
하면 아래와 같은 문구가 적힌다.

writing image sha256:c70afb1293c3d426504f182

이후에  docker run c70a 
하면 실행된다.

하지만 이렇게 실행이 성공이 되도 포트맵핑을 하지 않으면 우린 브라우저로 접속할 수 없다.!
(네트워크 연결이 안되어 있기 때문)

-p를 통해 포트 맵핑을 하면 사용가능하다.

docker run -p 3000:3000 c70

막연하게 패캠강의를 듣고 하다가 좀 더 자세히 알 기회 및 알고 싶어진 계기가 생겨서 추가 게시글을 작성하였습니다.
https://ungumungum.tistory.com/manage/newpost/29?type=post&returnURL=https%3A%2F%2Fungumungum.tistory.com%2F29