드디어 모던 자바스크립트 핵심 가이드의 마지막 단원이다. 정답지 뒤에 ES2021 내용이 있지만 거기엔 replaceAll 메서드 정도만 있어서 이 단원까지만 정리하고 책을 마무리하려 한다. (드디어 👊)

타입스크립트란?

• 타입스크립트는 일반 자바스크립트에 '강한 타입'을 더한 것이다.

• 타입스크립트는 변수와 함수에 타입을 지정해주는 도구를 제공한다.

• 이처럼 타입을 명시적으로 지정하는 것은 협업하는 개발자들 간에 '오해'를 줄이고, props로 전달되는 값을 더 명확하게 만들어서 코드 실행 시의 side effect를 최소화한다.

자바스크립트와의 비교

• 일반 자바스크립트는 코드 작성 시 명시적인 타입 지정을 안 해도 런타임 시점에 자바스크립트가 알아서 동적으로 타입을 결정해준다. (일반 JS = 동적 타이핑 언어)

• 하지만 타입스크립트는 반드시 타입을 지정해줘야 하고, 지정하지 않으면 에러를 발생시킨다.

• 코드를 작성하는 동안 잘못된 코드가 생기면 에디터 상에서 실시간 에러를 발생시키며, 일반 자바스크립트보다 에러 메시지의 내용이 더 상세하여 에러 해결이 용이하다.

그 외 특징

• 브라우저는 타입스크립트 코드를 이해하지 못하므로 타입스크립트는 반드시 자바스크립트로 컴파일되어야 한다. 터미널에서 'tsc' 명령어로 타입스크립트 파일(.ts)을 컴파일하면 이 과정에서 타입 선언이 제거된 자바스크립트 파일(.js)이 생긴다. (= 결과적으로 동일한 자바스크립트 코드 생성)

• 타입스크립트는 자바스크립트의 상위집합(superset), 즉 하위 집합의 특성을 그대로 가진 상태에서 '타입'이라는 추가적인 특징만 보유한다. 따라서 타입스크립트 파일에서 일반 자바스크립트로 작성하는 것은 오류가 없지만 반대의 경우에는 오류가 발생한다.