반응형
1. 프로젝트 생성
npx create-nuxt-app nuxt-app
2. 생성된 프로젝트 루트에 Dockerfile 생성 및 작성
# 사용할 노드 버전
FROM node:16
# 앱 디렉터리 생성
WORKDIR /app
ADD . /app/
# 앱 의존성 설치
RUN npm install
RUN npm run build
# IP 와 PORT 를 오픈
ENV HOST=0.0.0.0
EXPOSE 3000
# 시작 커맨드
CMD ["npm" , "start"]
3. 이미지 생성에 들어가지 않도록 .dockerignore 파일 작성
node_modules/
dist/
* 여기까지 진행하였다면 에디터에 표시되는 프로젝트 구조는 다음과 같을 것 입니다.
4. Docker 이미지 생성
# docker build --tag [이미지명]:[버전명] [실행위치]
# 현재 프로젝트 구조라면 다음과 같습니다.
docker build --tag nuxt:latest .
5. Docker 컨테이너 생성
# docker run --name [컨테이너명] -p [포트번호1]:[포트번호2] [이미지명]:[버전명]
# 위의 포트번호는 포트포워딩 번호입니다 ( 포트번호1 -> 포트번호2 )
docker run --name nuxtpj -p 8080:3000 nuxt:latest
6. localhost:8080 으로 접속 ( 해당 페이지가 나오면 정상적으로 만들어짐 )
7. 현재 구동중인 컨테이너를 멈추려면..
# docker stop [컨테이너명]
docker stop nuxtpj
반응형