docker 도커를 이용하여 이미지(IMAGE) 생성하기 : NestJS 사용

 안녕하세요. 알렉스 입니다. 이번에는 도커를 이용하여 이미지를 생성하도록 하겠습니다. 도커에서 이미지는 일종의 설계도면이라고 보시면 됩니다. 실질적으로 컨테이너를 만들기 위해서는 이미지가 필요합니다. 따라서 이미지를 어떻게 만드냐에 따라 컨테이너의 성능도 달라질수 있습니다.


사진1) 도커파일 생성(Dockerfile)

일단 도커파일을 생성합니다. 이 도커파일(Dockerfile)은 이미지를 어떤 절차로 실행할지를 알려주는 문서라고 보면 됩니다.


# Base 이미지를 사용합니다. (여기서는 node 16버전을 사용합니다)
FROM node:16
# /Dockerfile
# 작업 폴더를 설정합니다. 도커내의 폴더를 지정합니다.
WORKDIR /app/nestjs

# 해당 package.json 파일을 도커의 /app/nestjs폴더로 옮깁니다.
COPY package.json /app/nestjs
# 해당 package-lock.json 파일을 도커의 /app/nestjs폴더로 옮깁니다.
COPY package-lock.json /app/nestjs

# 'npm install'을 터미널로 실행합니다.
RUN npm install

# 복사하지 않은 모든 것을 도커의 /app/nestjs으로 옮깁니다.
COPY . /app/nestjs

# 'npm run build'을 터미널로 실행합니다.
RUN npm run build

# 도커 내부에 3000포트를 노출 시킵니다.
EXPOSE 3000

# 컨테이너 실행시 'node dist/main'을 터미널로 실행합니다.
CMD [ "node","dist/main" ]


위 코드는 제가 작성한 도커 파일 입니다. 이 상태로 바로 이미지를 생성할수 있습니다. 하지만 각 단계가 어떻게 진행되는지 알아야 하기 때문에 한줄씩 설명 드리도록 하겠습니다 (주석 참고 가능)


- FROM

'FROM'은 docker hub에서 받는 이미지 입니다. 물론 처음부터 이미지를 다 만들수도 있지만 nestjs은 node기반으로 만들어져 있기 때문에 node를 기본 이미지로 받는 것입니다. 물론 다른 언어를 기본 이미지로 사용할수 있습니다.


- WORKDIR

 위 다이렉터리는 오직 도커만이 접근이 가능한 경로 입니다. 직접 접근할수는 없고 도커가 컨테이너를 생성할때 사용하는 디렉토리 입니다.


- COPY

 'COPY'는 Local에 있는 파일이나 폴더를 'WORKDIR'으로 복사하는 작업입니다. 이때 해당 폴더나 파일이 변경되지 않으면 기존 캐시를 이용하여 이미지를 생성합니다.


- RUN

 해당 터미런에서 실행하듯이 도커에서도 동일하게 실행됩니다.


- EXPOSE

 해당 도커에서 Local이 접근 가능한 포트입니다.


- CMD

 이미지는 일종에 도면이기 때문에 실질적으로 앱을 동작하지 않습니다. 하지만 이미지를 이용해서 컨테이너를 만들면 앱은 실행을 해야 합니다. 컨테이너가 생성될때 실행해야 하는 커맨드를 입력하는 곳이 'CMD'입니다.


이제 이미지를 생성해야 합니다. 현재 경로에 있는 Dockerfile을 이요앟여 이미지를 만들겠습니다. 아래 커멘드를 터미널에 입력하여 이미지를 생성합니다.

$ docker build .


사진2) 이미지 생성 완료

사진2를 보면 'Successfully built 913b3b63e3c1'이 있는것을 확인할수 있습니다. 이는 이미지가 성공적으로 생성된 것을 알수 있습니다.


그럼 실제 docker에 있는 이미지 리스트를 출력해서 원하는 이미지가 생성됬는지 확인해 보겠습니다.

$ docker image ls


사진3) 이미지 리스트

사진 3번에서 가장 위쪽에 제가 만든 이미지가 있습니다. 그런데 다른 이미지에는 'REPOSITORY'와 'TAG'가 있어서 구부하기가 쉽습니다. 그래서 방금 생성한 이미지를 지우고 REPOSITORY'와 'TAG'가있는 이미지를 다시 생성하도록 하겠습니다.


$ docker rmi [IMAGE NAME OR ID]


위 사진3에서 지워야 하는 이미지는 ID로 '913b3b63e3c1'입니다. 


사진4) 이미지 삭제

사진4에서 이미지를 삭제후 해당 리스트가 사라진 것을 알수 있습니다. 


위 사진3에서 지워야 하는 이미지는 ID로 '913b3b63e3c1'입니다. 


$ docker build -t [NAME]:[TAG (optional)] .


이미지를 생성할때 NAME은 REPOSITORY를 작성합니다. TAG또한 이미지의 TAG를 말하는데 이는 필수값이 아닙니다. 보통 이미지의 버전을 작성하는데 사용합니다.(예로 들어 1.0.1)


사진5) Name, Tag를 이용하여 이미지 생성

이미지를 생성했는데 REPOSITORY는 'firstimage'이고 TAG는 '1.0.0'으로 만들었습니다. 


사진6) 도커 이미지 리스트

이미지 리스트를 확인할때 방금 생성한 이미지가 존재하는 것을 알수 있습니다.


위 gitHub레파지토리는 아래 링크로 연결된 git repository와 동일합니다.

GitHub: docker_nestjs


다음글 : docker 도커를 이용하여 컨테이너(CONTAINER) 생성하기 : NestJS 사용




댓글

댓글 쓰기

이 블로그의 인기 게시물

DAQ로 전압 측정하기-2

이미지
안녕하세요. 알렉스 입니다. 이번에는 LabVIEW를 이용해서 PC로 전압값을 측정하도록 하겠습니다. 이전글에 USB-6121을 이용해서 측정한다고 하였습니다. 자세한 스펙은 나중에 설명하고 이번에는 전압값을 측정해서 PC에 나타내도록 하겠습니다. 사진1) MAX로 연결상태 확인 일단 USB-6121을 PC와 연결하고 MAX에서 연결상태를 확인합니다. 사진1에서는 USB-6121은 "Dev3"으로 지정이 되어 있습니다. 사진2) 코딩시 필요한 함수 이제 MAX에서 제대로 연결된 것을 확인하면 이제 블록다이어그램에서 필요한 함수들을 나열합니다. 사진3) AI 채널생성 사진4) AI 채널지정 사진5) AI셋팅 사진3,4에서 AI채널 설정을 하여줍니다. 사진5를 보면 AI의 최대,최소 전압을 각각 +10, -10V로 하여주시기 바랍니다. 그리고 입력터미널 설정을 RSE로 설정합니다. (셋팅에 대한 설명은 다음글에) 사진6) 샘플타이밍 설정 사진7) 측정주파수(Hz)설정 이제 DAQ가 어떻게 샘플을 수집할 것인지와(사진6) 1초에 몇회 데이터를 측정할 것인지(사진8)를 결정해 주셔야 합니다. 측정 주파수는 Hz단위를 사용하며 예제에서는 1000을 넣었기 때문에 1초개 1000번 데이터를 수집합니다. 사진7) 전압을 읽을 인디게이터 생성 이제 전압을 읽을 인디게이터를 생성합니다. 현재 아날로그는 1채널의 1샘플을 측정하게 되어있기 때문에 1초에 1000번씩 인디게이터에 전압값을 출력합니다. 이상태에서 Run을 하게 되면 전압은 1번만 측정하고 프로그램이 종료됩니다. 사진8) While루프 생성후 나머지 연결 계속 측정하기 위해서는 While루프를 생성해서 지속적으로 전압값을 측정해야 합니다. 사진8과 같이 코딩을 하신후 마무리 하면 됩니다. 사진9) USB-6121연결 회로도 사진10) 실
자세한 내용 보기

Nest JS URL에 있는 쿼리(Query) 읽기

이미지
 이번에는 url에 있는 쿼리값을 읽도록 하겠습니다.  @ Get () // @Query()는 url에 있는 쿼리값을 갖고옵니다. findAll (@ Query () paginationQuery ){ // 클라이언트에서 항상 받는 값 2개를 변수로 지정 const { color , cost } = paginationQuery ; return ( `Color : ${ color } , Cost : ${ cost } ` ) }  위와같이 쿼리문을 받을 해당 컨트롤러에 작성을 합니다. '@Query()'에서 해당 쿼리문을 받아 'paginationQuery'에 저장을 합니다. 이후 'color' , 'cost'에 클라이언트로 부터 받은 데이터를 집어넣습니다. 그리고 그대로 해당 'color', 'cost'를 클라이언트 쪽으로 response합니다.    그리고 쿼리문에 무엇이 올지 알면 미리 NestJS에서 객체가 아닌 변수로 받을수가 있습니다. @ Get () // @Query()는 url에 있는 쿼리값을 갖고옵니다. findAll ( // 쿼리문에서 color와 cost가 항상 들어오는 것을 약속 @ Query ( 'color' ) color : string , @ Query ( 'cost' ) cost : string ){ // 클라이언트에서 항상 받는 값 2개를 변수로 지정 return ( `Color : ${ color } , Cost : ${ cost } ` ) }
자세한 내용 보기

appendChild를 이용하여
  • 늘리기_JavaScript_2번

    이미지
     안녕하세요. 이번에는 저번시간때 만들었던 html에다가 JavaScript코드를 추가할 것입니다.  위의 2개의 const는 선언을 하는것인데 아래에서 다시 설명드리도록 하겠습니다.  일단 JavaScript에 위와 같이 작성을 합니다. 버튼을 누를시 실제 동작하는 함수는 'test()'함수 입니다.   사용자가 실제로 버튼을 누를시 'btn00.onclick = test'부분이 동작합니다. 이때 'test()'함수를 찾게 됩니다. 만약 'btn00.onclick = test()'를 하게 되면 함수의 리턴값을 넣게 되기 때문에 에러가 발생합니다.    일단 함수를 만들것입니다. 위 순서도는 함수의 진행 순서도를 표현한 것이며 버튼을 클릭하기 전에 이미 'inputText'와 'btn00'이 선언 되어 있는것을 알수 있습니다. 'inputText'와 'btn00'는 'document.querySelector'를 통해서 해당(여기서 텍스트와 버튼) 아이콘에 대한 정보를 갖고 올수 있습니다. 이때 '#'은 아이디를 의미하며 HTML에서 선언한 id를 찾아갑니다. - listID는 'document'에서 Id가 'List'인 'element'를 넣는다.  먼저 초기값을 설정할때 기존에 존재하는 <ul id = "List">의 'element'를 listID의 변수로 저장을 합니다. (추후 listID에 <li>를 추가함).  getElementById 대신 querySelector를 사용할수 있다. - liElement는 'document'에 Tag 'li'가 있는 'element'를 생성한다.  이제 새로운 element를 생성(liElement)하여 'li'(<li
    자세한 내용 보기