캡틴판교 - 타입스크립트 입문 2강 간단 요약

yesolog·2023년 11월 28일

TypeScript

목록 보기
2/17
post-thumbnail

2강은 typescript 설치 및 ts.config.json 등 초기 세팅에 대한 이야기다.

1.타입스크립트 프로젝트 시작하는 방법(라이브러리 설치와 TSC)

ts 파일은 브라우저가 인식할 수 있는 형태의 JS로 변환해주는 과정이 필요하다.
그 과정이 바로 컴파일!

tsc(TypeScript Compile)라는 명령어를 수행하기 위해 TypeScript 라이브러리를 로컬 시스템에 저장해야하는데 터미널을 열고 다음의 명령어를 입력하며 설치가 된다.

npm i typescript -g

사전에 node가 꼭 설치되어 있어야한다.

그러고 나면 터미널에서 다음과 같은 명령어를 입력할 수 있다.

tsc index.ts => index.ts파일을 js로 변환하겠다. 라는 뜻이다.
이렇게 명령어를 입력하고 나면

이렇게 index.js라는 파일이 정상적으로 컴파일되어 생긴다.

2. 타입스크립트 설정 파일

Index.ts를 매번 tsc를써서 변환하기보다는 웹팩을 쓰는게 좋다.
tsc로 타입스크립트 컴파일을 할 때 좀 더 부가적인 옵션들을 줄 수가 있다.
그 부가적인 옵션들을 정의하기 위해 ts.config.json라는 타입스크립트 설정파일 생성한다. 해당 파일은 { key: value } 형식이다.

여기서 저 옵션들의 뜻은 각각 다음의 뜻이다. true를 주어서 작동시켜보자.

allowJs: javascript 파일 사용가능여부
checkJs: @ts-check와 같은 역할
noImplicitAny : 모든 타입에 대해서 최소한 any라는 기본타입이라도 넣어야한다.

0개의 댓글