📃 타입스크립트 입문 02 : 타입스크립트 시작하기

🎈 타입스크립트 시작하기

 

1. 노드 버전을 설치해야한다 (버전 10이상)
2. 타입스크립트 라이브러리를 설치해준다 $npm i typescript -g
3. 타입스크립트의 파일을 js파일로 변환해준다. $tsc [변환할 ts 파일명]

이 과정까지 하고 나면 같은 폴더 경로 안에 index.ts가 index.js라는 파일로 변환되어 나타난다. 하지만 매번 tsc라는 명령어를 통해 귀찮게 파일을 컴파일 시켜줄 수 없으니 웹팩 또는 걸프같은 모듈 번들러를 사용해서 자동화 시켜주면 효율적이고 좋다. 추후에 웹팩 반드시 공부하기!

 

[index.ts] 파일 생성하여 아래와 같은 코드 입력하기

```
function sum(a: number, b: number) : number {
  return a + b;
}

sum(10, 20);
```

이런 코드가 index.ts 라는 확장자 파일에 담겨있을 때 브라우저로 인식할 수 있도록 컴파일 해주어야 한다. 여기서 말하는 컴파일이란 ( ts => js)로 변환해주는 과정을 뜻한다.

 

🎈 타입스크립트 환경세팅 속성 알아보기

https://www.typescriptlang.org/tools

이 사이트에 들어가서 TSConfig Reference 라는 페이지에 들어가면 tsconfig.json 파일에 환경 세팅 해줄 속성들이 많이 나오니, 필요한 속성들을 이 공식문서를 보고 찾아서 사용하면 된다.

 

🎈 타입스크립트 플레이 그라운드 소개

 

ts식 코드를 쳤는데 오른쪽에는 js로 컴파일 된 코드들을 확인 가능하다. 바벨도 자바스크립트의 최신 문법을 많은 브라우저에서 호환 될 수 있게 해주는 도구이다.