본문 바로가기

Develop/Web

Typescript 공부 시작

이제 Typescript를 배우고자 한다. 시작이 반이라는 말처럼, 뭐든 처음이 제일 어려운 법이다.

 

Typescript는 Javascript의 superset으로, Javascript로 컴파일된다. JS가 타입을 명시하지 않는 반면, TS는 타입을 명시한다. TS로 개발함으로써 다양한 장점이 있겠고 물론 단점도 있을 것이다. 이것들은 듣기만 하고 판단할게 아니라, 직접 해보며 겪는게 제일이다.

 

개발환경 준비

Node.js, npm 설치

https://nodejs.org/ko/ 에서 Node.js를 설치할 수 있고, 이 과정에서 npm도 같이 설치한다.

 

Typescript 모듈 설치

Typescript 개발을 위한 모듈을 설치한다.

npm i -g typescript

 

Typescript를 직접 실행하기 위해서는 ts-node 모듈을 설치하면 된다.

npm i -g ts-node

 

자료형 정의/사용을 위해 @types/node 모듈을 설치한다.

npm i -g @types/node

 

위 모듈을 global로 설치했지만, 원한다면 local로 설치해도 무방할 것이다. 그리고 결국 실행은 JS로 하므로 위 모듈을 development dependency로만 추가해도 된다.

npm i -D typescript ts-node @types/node

 

초기화

npm init
tsc --init

 

tsconfig.json 파일을 통해 TS 개발 환경 관련 설정을 지정할 수 있다.