개요

자바스크립트를 개발할 때 도커를 사용하면 개발 환경 설정을 간편하게 할 수 있습니다. 도커를 사용하면 개발 환경이 컨테이너로 추상화되어 동일한 환경에서 어플리케이션을 실행할 수 있습니다. 이 글에서는 도커를 사용하여 자바스크립트 개발 환경을 설정하는 방법을 알아보겠습니다.

도커 설치하기

먼저, 도커를 설치해야 합니다. 도커는 각 운영체제에 따라 설치 방법이 다를 수 있으므로 도커 공식 홈페이지를 참고하여 설치해주세요.

도커 이미지 생성하기

자바스크립트 개발 환경을 위한 도커 이미지를 생성해야 합니다. Dockerfile을 작성하여 도커 이미지를 생성할 수 있습니다.

FROM node:14-alpine

WORKDIR /app

COPY package*.json ./

RUN npm install

COPY . .

CMD ["npm", "start"]

위의 Dockerfile은 Node.js 14 버전의 Alpine 이미지를 기반으로 자바스크립트 어플리케이션을 실행하는 이미지를 생성합니다. 필요에 따라 버전이나 기타 설정을 변경할 수 있습니다.

이미지 빌드 및 실행

Dockerfile을 작성한 후에는 해당 디렉토리에서 터미널을 열고 다음 명령어를 실행하여 도커 이미지를 빌드합니다.

docker build -t javascript-app .

위 명령어에서 -t 옵션은 이미지에 태그를 부여하는데, javascript-app은 원하는 이미지 이름입니다. .은 현재 디렉토리를 의미합니다.

이미지를 빌드한 후에는 다음 명령어로 이미지를 실행할 수 있습니다.

docker run -d -p 3000:3000 javascript-app

위 명령어에서 -d 옵션은 컨테이너를 백그라운드에서 실행하고, -p 옵션은 호스트와 컨테이너의 포트를 매핑하는 역할을 합니다. 위 예시에서는 호스트의 3000번 포트와 컨테이너의 3000번 포트를 연결합니다.

개발 환경 접속하기

이미지를 실행한 후에는 브라우저에서 http://localhost:3000에 접속하여 개발 환경에 접근할 수 있습니다.

마무리

도커를 활용하여 자바스크립트 개발 환경을 설정하는 방법에 대해 알아보았습니다. 도커를 사용하면 간편하게 개발 환경을 구성할 수 있고, 팀원들과 동일한 환경에서 작업할 수 있어 협업이 용이해집니다. 다양한 프로젝트에 도커를 활용해보세요!

#javascript #도커