Type Script : 설치, 방법, 예제

Type Script : 설치, 방법, 예제

 

 

TypeScript 설치

typescriptlang.org에서 TypeScript 공식 문서를 봅니다.  검색창에 TypeScript를 검색해서 들어가셔도 됩니다.

Download를 누르면 방법이 여럿 나옵니다. 가장 쉬운 방법은 npm을 사용하는 겁니다.

npm을 쓰려면 당연히 NodeJS와 npm을 설치합니다. npm을 써본 경험이 있으면 도움이 됩니다.

npm 명령어로 TypeScript를 설치합니다.  그전에 npm -v 명령어로 npm이 설치되었는지 확인합니다. 

npm -v

 

 

확인해서 아직 설치 전이라면 설치하면 됩니다. nodejs.org에서 설치할 수 있습니다.

여러분 컴퓨터에 맞는 걸 클릭하고 권장 버전을 사용합니다.

인스톨러를 실행하여 설치합니다. 다른 건 필요 없고 지시에 따라서 확인 버튼을 누릅니다. 설치가 끝나면 새 터미널 창을 열어서 npm -v를 입력합니다. command not found가 나오면 안됩니다.

이렇게 npm 설치하였고 TypeScript를 설치합니다. 여기 공식 문서에 npm install typescript가 있는데 이렇게 해도 되고 나중에 Webpack을 볼 때도 쓰겠지만 이렇게 설치하면 프로젝트별로 TypeScript가 작동합니다.

프로젝트 각각에 맞는 TypeScript를 작성하기엔 괜찮습니다. 목적에 따라서 이렇게 하는 게 맞을 때도 있지만 하지만  글로벌 설치를 해보겠습니다.

tsc라는 명령어를 쓸 건데 컴퓨터 전체 터미널 어디서든 사용할 수 있습니다. 프로젝트마다 일일이 칠 필요 없습니다. 글로벌이란 뜻으로 g를 붙여서 npm install -g typescript라고 칩니다 -g만 갖다 붙이면 됩니다.

 npm install -g typescript

 

 

그 다음엔 tsc -v를 입력해서 설치됐는지 확인할 수 있습니다.  그럼 버전이 나옵니다. command not found가 뜨면 터미널을 다시 실행해 봅니다.

tsc -v