[Docker] 도커 이미지 만들기2 (웹 어플리케이션)

👇 해당 포스팅은 아래의 강의를 공부한 내용을 기록하였습니다.

https://www.inflearn.com/course/%EB%8F%84%EC%BB%A4-%EC%9E%85%EB%AC%B8/dashboard

초보를 위한 도커 안내서 - 인프런 | 강의

---

 

1. node 웹 어플리케이션 만들기

 

이번 실습에서는 Nodejs 프로그램과 fastify 웹 프레임워크를 사용하여 도커 이미지를 생성해보자.

 

먼저 fastify 홈페이지를 참고해서 설치를 진행한다.

https://www.fastify.io/

Fastify, Fast and low overhead web framework, for Node.js

 

(1) fastify 설치

$ npm init 
$ npm install fastify

npm을 사용하기 위해서는 먼저 npm 초기화 작업이 필요하다.

초기화 후 npm install fastify 명령어로 설치해준다.

 

 

(2) app.js 파일 생성

fastify를 설치해준 디렉토리를 열어보면 json파일들과 모듈 폴더가 생긴 것을 확인할 수 있다.

해당 디렉토리에서 app.js파일을 생성하여 아래의 코드를 붙여준다.

// Require the framework and instantiate it
const fastify = require('fastify')({ logger: true })

// Declare a route
fastify.get('/', async (request, reply) => {
  return { hello: 'world' }
})

// Run the server!
const start = async () => {
  try {
    await fastify.listen(3000)
  } catch (err) {
    fastify.log.error(err)
    process.exit(1)
  }
}
start()

(이거 다 fastify 홈페이지에 나와있는 코드임)

 

 

 

(3) app.js 파일 실행

 

cmd에서 app.js파일을 실행한다.

node app.js

그럼 아래와 같이 3000번 포트로 웹 서버가 연결된 것을 확인할 수 있다.

http://127.0.0.1:3000/ 접속해보면 파일 내용 보임

 

---

2. 도커 이미지 만들기

 

(1) Dockerfile 만들기

 

(도커에서 작업을 하기 위해서는 아래의 내용을 추가해야한다.)

 

같은 경로에 Dockerfile을 생성하고 아래의 내용을 붙여준다.

# 1. node 설치
FROM    ubuntu:20.04
RUN     apt-get update
RUN     DEBIAN_FRONTEND=noninteractive apt-get install -y nodejs npm

# 2. Nodejs 패키지 설치
COPY    ./package* /usr/src/app/
WORKDIR /usr/src/app
RUN     npm install

# 3. 소스 복사 (내 디렉토리에 있는 모든 파일을 아래의 경로에 복사)
COPY    . /usr/src/app

# 4. WEB 서버 실행 (Listen 포트 정의)
EXPOSE 3000
CMD    node app.js

최적화!

1번 코드를 아래와 같이 최적화 시킬 수 있음

# 1. node 이미지 사용
FROM    node:12-alpine

node파일 말고 쓸 데 없는 파일들은 지워버리는? 그런 node이미지라고 함

실제로 해당 코드로 빌드하고 docker images명령어로 확인해보면 web 이미지가 차지하는 용량이 확 줄어드는 것을 확인할 수 있음

 

(2) .dockerignore 파일 생성

같은 디렉토리에 node_modules라는 폴더가 보이는데, 이 폴더는 이미지에 포함시키지 않도록 해보자.

.gitignore파일처럼 docker도 .dockerignore 파일을 생성할 수 있다.

아래의 내용을 작성한다.

node_modules/*

 

(3) build명령어로 web 이미지 생성

docker build -t web .

이름이 web인 이미지를 생성한다. 처음 빌드를 하는 경우에는 오래걸리지만 두 번째부터는 도커가 캐시를 사용하기 때문에 금방 빌드가 끝난다.

캐시를 사용함

그러나 만약 파일 내용이 수정되고 다시 빌드를 하는 경우 캐시가 깨지기 때문에 일부가 수정되더라도 다시 빌드 작업을 수행하는 것을 확인할 수 있다.

캐시 깨짐

 

(4) web이미지로 컨테이너 생성

docker run --rm -d -p 3000:3000 web

web 이미지 포트 3000번과 로컬의 3000번을 연결하여 컨테이너를 생성한다, http://127.0.0.1:3000/로 접속해보면 노드 웹 페이지가 잘 동작하는 것을 확인할 수 있다.