• 서론
• 도커 설치
• 타입스크립트 환경 구축
• 결론

서론

이번 포스트에서는 도커(Docker)를 사용하여 로컬에서 타입스크립트(TypeScript) 개발 환경을 구축하는 방법에 대해 알아보겠습니다.

도커 설치

우선, 로컬 시스템에 도커를 설치해야 합니다. 도커의 설치 방법은 운영 체제에 따라 다를 수 있지만, 공식 홈페이지에서 제공하는 설치 가이드를 따라 진행하시면 됩니다.

도커를 설치한 후에는 터미널(또는 명령 프롬프트)에서 docker --version 명령어를 실행하여 정상적으로 설치되었는지 확인할 수 있습니다.

타입스크립트 환경 구축

1. 프로젝트 디렉토리 생성

먼저, 타입스크립트 프로젝트를 위한 디렉토리를 생성합니다. 터미널에서 다음 명령어를 실행합니다.

mkdir my-ts-project
cd my-ts-project

1. 타입스크립트 설정 파일 생성

타입스크립트 프로젝트를 시작하기 위해서는 tsconfig.json이라는 설정 파일을 생성해야 합니다. 이 파일은 타입스크립트 컴파일러에 대한 설정을 담고 있습니다.

tsconfig.json 파일은 다음과 같은 내용으로 생성합니다.

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "dist",
    "strict": true
  }
}

1. Dockerfile 작성

타입스크립트 앱을 도커 컨테이너에서 실행하기 위해 Dockerfile을 작성합니다. 프로젝트 디렉토리에 다음과 같이 Dockerfile을 생성합니다.

FROM node:14

WORKDIR /app

COPY package*.json ./
RUN npm install

COPY . .

RUN npm run build

EXPOSE 3000
CMD ["npm", "start"]

1. 도커 이미지 빌드

터미널에서 프로젝트 디렉토리로 이동한 후, 다음 명령어를 실행하여 도커 이미지를 빌드합니다.

docker build -t my-ts-app .

1. 도커 컨테이너 실행

도커 이미지를 성공적으로 빌드한 후, 컨테이너를 실행합니다. 아래 명령어를 실행하여 타입스크립트 앱을 실행할 수 있습니다.

docker run -p 3000:3000 my-ts-app

이제 타입스크립트 앱이 도커 컨테이너에서 성공적으로 실행됩니다.

결론

이번 포스트에서는 도커와 타입스크립트를 사용하여 로컬 개발 환경을 구축하는 방법에 대해 알아보았습니다. 도커를 사용하면 앱의 종속성을 포함한 완전히 동일한 환경에서 애플리케이션을 실행할 수 있어 팀원간의 협업이나 배포 과정에서 매우 유용합니다.