[TS] 타입스크립트 첫걸음 1편(tsconfig.json 설정하기)

요즘에 누가 자바스크립트만 쓸까. 이 유연한 언어를 좀더 strict 하게 만들어 줄 수 있는 Typescpript 를 더 자세하게 배워보자 이 블로그를 작성하게 되었다.

해당 내용들은 inflearn 에 있는 강의 “타입스크립트-입문” 을 참고하여 만들었다. 이제 1편을 시작해보자.

타입스크립트 첫걸음 1편(tsconfig.json 설정하기)

npm i typescript -g

우선 타입스크립트를 글로벌로 받아주자.

타입스크립트 자체만으로는 브라우저가 이해할 수 없다. 이것을 변환 즉 컴파일 시켜주는 모듈이 필요하다.

tsc index.ts // 파일 이름

각 파일마다 컴파일 해주는 명령어가 있다. tsc + 파일명.ts 를 하면 되는데, ts 파일을 브라우저가 읽을 수 있는 js 파일로 변환 시켜준다.

그런데 언제 하나하나씩 바꿔가면서 프로젝트를 만들것인가? 웹팩과 같이 자동으로 변환시켜주는 기능도 물론 있고, 컴파일 할때 옵션을 설정할 수 있는 tsconfig.json 파일도 있다.

간단하게 예를 들어보자.

{
	"compilerOptions": { // 컴파일 할떄의 옵션
		"allowJs": true, // js 허용
		"checkJs": true, // @ts-check 와 같은 역할
		"noImplicitAny": true  // 정말 기본적인 타입이라도 넣어야 하는 것
	}
}

더 많은 옵션은 타입스크립트 공식문서에서 확인 가능하다,