[TypeScript] 타입스크립트 환경 세팅/ 설치 방법

1. npm init

npm init

 

새 폴더를 만든 후 폴더 안에서 npm init을 한 이후 모든 옵션들을 기본적으로 enter로 넘어가게 되면 package.json이 생성되게 된다.

 

 

 

 

2. types/node 설치

 

 npm i @types/node

 

types/node는  typescript에서 사용할 타입들이 정의되어있는 라이브러리를 설치한다고 생각하면 된다.

 

다운로드한 후 node_modules에 들어가면, TypeScript로  console.log에서의 console과 같은 각 다양한 타입에 대해 미리정의되어 있는 것을 확인할 수 있다.

 

 

3. TypeScript 컴파일러 설치

 

TypeScirpt를 컴파일하게 되면 JavaScript로 파일이 변환되어 생성되게 된다.

그렇기 때문에 TypeScirpt를 컴파일, JavaScript파일을 실행, tsx를 사용하여 두 개의 과정을 한번 에, 로 크게 3가지로 구분지어서 사용할 수 있다고 볼 수 있다. 

 

TypeScirpt를 컴파일하게 되면 JavaScript로 파일이 변환되는 이유가 궁금하거나, TypeScirpt를 컴파일, JavaScript를 컴파일과 같이 나뉘는 이유가 궁금하다면 다음 포스팅을 참고 바란다.

[Typesciprt] 타입스크립트 동작원리

 

 

 

각 경우마다 사용하는 방법은 다음과 같다.

 

 

• 해당 폴더 경로에 TypeScript컴파일러 설치

npm install typescript

 

• 컴퓨터 전체에 TypeSscirpt컴파일러 설치 ( -g 옵션을 통한 전역 설치)

npm install typescript -g

 

• 버전확인

tsc -v

 

• TypeScript src폴더 안 index.ts 파일 컴파일

tsc src/index.ts

 

 

• JavaScript로 실행

node src/index.js

 

• tsx 설치

npm install tsx -g

 

• TypeScript와 Node 동시 실행 / tsx활용

tsx src/index.ts

 

 

 

 

 

 

 

 

- 이 포스팅은 '이정환 - 한 입 크기로 잘라먹는 타입스크립트 (인프런)' 강의를 참고하여 작성되었습니다.

한 입 크기로 잘라먹는 타입스크립트(TypeScript) 강의 | 이정환 Winterlood - 인프런