🐳 Dockerfile, docker-compose.yml

회사에서 개발한 클라이언트를 AWS EC2에서 배포하다가 다른 분께 nginx와 WAS를 썼냐는 피드백을 받게되고..(진짜 무식해서 용감했네..) 피드백을 적용시키기 위해 지난 주에
dockerize, pm2 등을 공부하며 정리한 내용들이다.
특히 이 포스트는 Dockerfile, docker-compose.yml을 만드며 정리한 내용으로 구성되어 있다.

🚨Docker container를 실행하면 지속적으로 실행되지 않고 exited된다.

[Docker] container을 run, start 했을 때, 바로 꺼지는(Exitted) 이유

**개발자가 처음 Docker 접할때 오는 멘붕 몇가지**

→ 근데 그냥 다 필요없고.. CMD [’node’, ‘controller.js’]를 ‘’로 적어서 그랬다.. “”안에 적어주면 잘됨..

• 🖥️ 사용한 Docker 명령어 정리

  /*
  app/backend/Dockerfile
  */
  
  # backend폴더 안에 들어있는 Dockerfile을 build해서 이미지로 만듬 
  docker build -t backend .
  
  # docker image파일을 run(create + start)할거다 my_backcontainer라는 이름으로 만들것이며 backend라는 image를 사용할 것이다
  # -d: detached mode (백그라운드에서 컨테이너를 실행하고 컨테이너 ID를 출력)
  # -it: interactive mode with a pseudo-TTY (터미널 접속을 가능하게 해주는 옵션)
  # -p: port mapping (호스트와 컨테이너 간 포트 매핑)
  docker run -d -it -p 8080:4982 --name my_backcontainer backend
  
  # 만들어진 docker container안에 접속해서 ""안에 터미널 명령어를 실행할 수 있게한다
  docker exec -it my_backcontainer "ls"
  
  /*
  app/client/Dockerfile
  */
  
  # client폴더 안에 들어있는 Dockerfile을 build해서 이미지로 만듬
  docker build -t client .
  
  # docker image파일을 run(create + start)할거다 my_clientcontainer라는 이름으로 만들것이며 backend라는 image를 사용할 것이다
  # react app build만 했기 때문에 -p 옵션은 사용하지 않음
  docker run -d -it --name my_clientcontainer client
  
  /*
  app/nginx/Dockerfile
  */
  
  # nginx폴더 안에 들어있는 Dockerfile을 build해서 이미지로 만듬
  docker build -t nginx .
  
  # docker image파일을 run(create + start)할거다 my_nginxcontainer라는 이름으로 만들것이며 backend라는 image를 사용할 것이다
  docker run -d -it -p 80:80 --name my_nginxcontainer nginx
  
  /*
  Docerk Terminal 명령어
  */
  
  # 실행 중 container 확인
  docker ps
  
  # 실행 중 모든 container 확인
  docker ps -a 
  
  # 이미지 제거
  docker rmi -f backend
  or
  docker rmi 이미지넘버
  
  # 컨테이너 제거
  docker rm my_backendcontainer
  
  # 이미지 제거
  docker rmi -f backend
  
  # 실행중 컨테이너 중지
  docker stop my_backendcontainer
  
  # docker-compose.yml파일 실행
  docker compose up -d
  
  # docker-compose.yml파일 중단
  docker compose down
  

  
  
  
  
  

• 📂사용한 Dockerfile 정리

  /*
  app/backend/Dockerfile
  */
  
  # nodejs 설치
  FROM node:16.17.0-alpine
  
  # 이미지 안에 어플리케이션 코드를 넣기 위한 디렉토리 생성하고 해당 위치를 스크립트 실행할 장소로 설정한다
  WORKDIR /usr/backend
  
  # 앱의존성 저장
  COPY  package*.json ./
  
  # 프로덕션을 위한 코드를 빌드하는 경우 실행될 명령어 (npm ci커맨드는 의존성 파일을 설치해준다, omit옵션=dev는 의존성 중 제외할 파일을 설정한다 개발 의존성을 제외했다.)
  # pm2최신 버전도 같이 설치해준다
  RUN npm install
  RUN npm install -g pm2@latest
  
  # 이미지 안에 앱의 소스코드를 넣는다
  COPY . .
  
  # nodejs 런타임 실행을 위해 실행할 명령어를 적어준다(WORKDIR 디렉토리에서 명령어가 실행된다), 실행 명령어를 절대 ''로 적으면 안된다..
  CMD ["node", "controller.js"]

  /*
  app/client/Dockerfile
  */
  
  # nodejs 설치
  FROM node:16.17.0-alpine
  
  # 이미지 안에 어플리케이션 코드를 넣기 위한 디렉토리 생성하고 해당 위치를 스크립트 실행할 장소로 설정한다
  WORKDIR /usr/client
  
  # 앱의존성 저장
  COPY  package*.json ./
  
  # 앱의존성 설치
  RUN npm install
  RUN npm install react-cookie
  RUN npm install react-js-pagination
  RUN npm install axios
  
  # 이미지 안에 앱의 소스코드를 넣는다
  COPY . .
  
  # build the application
  RUN npm run build

  /*
  app/nginx/Dockerfile
  */
  
  # nginx 설치
  FROM nginx:latest
  
  # Dockerfile script가 작업을 시작할 위치를 설정한다
  WORKDIR /
  
  # docker-compose로부터 넘어오는 client의 react build app volumes를 받기 위한 폴더를 생성한다 
  RUN mkdir /build
  
  # nginx 설정 파일 복사
  COPY nginx.conf /etc/nginx/nginx.conf
  
  # start nginx
  CMD ["nginx" ,"-g", "daemon off;"]

    /
    app/docker-compose.yml
    /
  
    version: '3.8'
  
    services:
      nginx:
        container_name: my_nginxcontainer
        # dockerfile을 build하기 위해 사용한다 context에는 빌드하고자하는 dockerfile이 존재하는 상대경로를 적어준다 
        build:
          context: ./nginx
        # ":"기준으로 왼쪽은 host OS에서 가져와서 container에 주입시킬 파일의 경로를 적는다
            # ":"기준으로 오른쪽은 host OS에서 가져온 파일을 container어디에 넣을지 파일 경로를 적는다
        volumes: 
          - ./nginx/nginx.conf:/etc/nginx/nginx.conf
                - ./client/build:/build
                - /etc/letsencrypt:/letsencrypt
        # depend_on에 적어주는 image는 먼저 실행되어야할 image가 무엇이 되어야할지 적어준다(client의 이미지가 먼저 실행되고 nginx를 적어줘야 함)
        depends_on:
          - client
            # 컨테이너가 공개하는 ports를 지정한다. '호스트 머신의 포트 번호 : 컨테이너의 포트 번호'
            expose:
          - "80"    
            ports: 
          - "80:80"
        # networks는 컨테이너 간의 네트워크 연결을 정의하는데 사용된다
        networks:
          - backend
        restart: always
  
        client:
        container_name: my_clientcontainer
        build:
          context: ./client
        depends_on:
          - backend
  
      backend:
        container_name: my_backendcontainer
        build:
          context: ./backend
            # backend에서 api요청에 따른 파일을 읽을 때 database폴더가 필요하기 때문에 backend container안에 volumes로 넣어준다
            volumes:
          - ./database:/usr/database
            expose:
          - "4298"
        ports:
          - "4298:4298"
        networks:
          - nginx
  
    networks:
      nginx:
      backend: