타입스크립트 알아보기

<aside> 💡 Effective typescript의 chapter1을 읽고 정리한 내용입니다.

</aside>

📌 1. 타입스크립트와 자바스크립의 관계 이해하기

✅ 요약

• 타입스크립트는 자바스크립트의 상위 집합이다. 모든 자바스크립트 프로그램은 이미 타입스크립트 프로그램이다. 반대로, 타입스크립트 프로그램은 별도의 문법을 가지고 있기 때문에 일반적으로는 유효한 자바스크립트 프로그램이 아니다.
• 타입스크립트는 자바스크립트 런타임 동작을 모델링하는 타입 시스템을 가지고 있기 때문에 런타임 오류를 발생시키는 코드를 찾아내려고 한다. 그러나 모든 오류를 찾지는 못한다. 타입 체커를 통과하면서도 런타임 오률를 발생시키는 코드는 충분히 존재할 수 있다.
• 타입스크립트 타입시스템은 전반적으로 자바스크립트 동작을 모델링한다. 그러나 잘못된 매개 변수 개수로 함수를 호출하는 경우처럼, 자바스크립트에서는 허용 되지만 타입스크립트에서는 문제가 되는 경우도 있다.

자바스크립트 프로그램에 어떠한 이슈가 존재한다면 문법적인 오류가 아니더라도 타입 체커에 지적당할 가능성이 높다.

타입스크립트는 초깃값으로부터 타입을 추론한다.

타입스크립트 타입 시스템은 자바스크립트이 런타임 동작을 '모델링' 한다.

📌 2. 타입스크립트 설정 이해 하기

컴파일러 설정 파일 tsconfig.json

{
	"compilerOptions": {
		"noImplicityAny": true
	}
}

가급적 설정 파일을 사용하는 것이 좋다. 그래야 타입스크립트를 어떻게 사용할 계획인지 다른 동료 또는 도구가 알 수 있기 때문이다.

설정 파일은

tsc --init

위의 구문을 통해 간단히 생성 가능하다.

✔ 타입스크립트의 설정