TypeScript 기본 설명

TypeScript 란?

• JavaScript 의 기본 문법에 자료형 체크하는 기능을 추가한 것

• 자바스크립트가 자의적으로 type 해석을 하고 코드를 실행시켰을 때, 의도와 다른 방식으로 쓰이지 않도록 방지

=> 실행하지 않더라도 코드 상의 에러를 알려줌

 

TypeScript의 특징

 

타입의 지정	변수나 함수를 만들어 줄 때, 타입까지 명시하여 선언함으로써 프로젝트의 안정성을 높인다.
ts파일의 사용	웹 브라우저는 ts파일을 읽을 수 없기에 js로의 변환 과정을 반드시 필요로 한다.

 

TypeScript의 사용 방법

 

1. TypeScript는 별개의 언어이기 보단 라이브러리 모듈에 가깝다.

npm install -g typescript

2. 파일 설치가 잘되어 있는지 version을 확인한다.

tsc -v

3. typescript의 기초 설정을 담당하는 tsconfg 파일을 생성한다.

tsc -init

4. ts 파일을 만들고 js로 변환하고 싶을 때는 해당 명령어를 사용한다.

tsc. 파일이름.ts

실제 사용은 변환된 js 파일을 사용하여 실행하여야 한다.

5. ts 파일을 일일이 변환한 후에 js 파일을 실행하는 건 귀찮기에 ts 파일 실행을 위한 모듈이 존재한다.

npm install -g ts-node

6. ts-node를 설치하였다면 해당 툴을 이용해 파일을 실행시켜주면 된다.

ts-node 파일이름.ts