타입스크립트를 시작하기: 환경 설정 및 컴파일

타입스크립트(TypeScript)는 개발자들에게 더욱 강력한 코드 작성 도구를 제공합니다. 이전 장에서 타입스크립트의 배경과 주요 이점에 대해 배웠다면, 이제는 실제로 타입스크립트를 어떻게 시작하는지 알아보겠습니다.

개발 환경 설정

1. Node.js 설치
   타입스크립트를 사용하기 위해 먼저 Node.js와 npm을 설치해야 합니다. Node.js 공식 웹사이트에서 다운로드하여 설치할 수 있습니다.

2. 타입스크립트 설치
   Node.js가 설치된 후 다음 명령어를 사용해 TypeScript 컴파일러(tsc)를 설치합니다:

   npm install -g typescript

   이를 통해 전역적으로 타입스크립트를 사용할 수 있으며, 프로그램에서 tsc 명령어를 실행할 수 있습니다.

3. 개발 환경 구성
   추천 도구로는 Visual Studio Code를 권장합니다. 이 도구는 타입스크립트 지원이 내장되어 있으며, 관리 및 디버깅에 매우 유용합니다.

   • Visual Studio Code의 확장 기능으로 TypeScript 도구를 추가 설치할 수 있습니다.

첫 번째 타입스크립트 파일 생성 및 컴파일

1. 파일 생성
   새 프로젝트 폴더를 생성한 후, 주 파일로 hello.ts를 작성합니다. 아래와 같이 코드를 입력합니다:

   let message: string = "Hello, TypeScript!";
   console.log(message);

2. 컴파일
   타입스크립트 코드를 JavaScript 코드로 변환하려면 다음 명령어를 실행합니다:

   tsc hello.ts

   이 명령어를 통해 hello.js 파일이 생성됩니다.

3. 실행
   Node.js를 사용하여 변환된 JavaScript 파일을 실행합니다:

   node hello.js

   터미널에 "Hello, TypeScript!"라는 메시지가 출력됩니다.

추가 설정: tsconfig.json

프로젝트가 성장하면 설정 파일을 통해 타입스크립트 컴파일러 동작을 관리하는 것이 유리합니다. tsconfig.json 파일은 중요한 역할을 합니다.

1. 생성

   tsc --init

   이 명령어는 기본 설정을 포함한 tsconfig.json 파일을 생성합니다.

2. 설정 변경
   예를 들어:

   {
     "compilerOptions": {
       "target": "es6",
       "module": "commonjs",
       "strict": true
     }
   }

   이 설정은 ES6 표준으로 컴파일하고, 엄격 모드를 활성화합니다.

결론

타입스크립트를 시작하는 과정은 간단하지만 중요한 요소들로 구성됩니다. 처음에는 타입스크립트를 설치하고 환경을 설정하며, 간단한 파일을 생성해 이를 컴파일하는 과정을 통해 타입스크립트의 기초 개념을 익힐 수 있습니다. 이러한 기초를 바탕으로 점차 복잡한 프로젝트로 확장하며 타입스크립트의 진정한 가치를 느낄 수 있습니다.

참고 자료

• The Complete TypeScript Setup - From Zero to Hero

• TypeScript Environment Setup Tutorial

• Visual Studio Code TypeScript Tutorial