타입스크립트의 명시적, 묵시적 타입 시스템과 어떤 것을 사용해야 하는가?

기본 동작 원리

• 타입스크립트는 타입스크립트 코드를 자바스크립트 코드로 만들어 실행시킨다.
  • 브라우저는 타입스크립트를 이해하지 못하기 때문에 자바스크립트로의 번역 과정이 필요하다.
  • Node.js 는 타입스크립트를 이해하고 번역해줄 수 있다.

타입스크립트의 타입 시스템

타입스크립트는 두가지 방식을 사용한다.

• 명시적 타입
• 묵시적 타입 (타입 추론)

let explicitType: string = "abc"; // 명시적 타입
let implicitType = "abc"; // 묵시적 타입

묵시적 타입의 경우 implicitType 이라는 변수 내부에 당연히 문자열이 들어올 것이라 예측한다.

let implicitType = "abc"; // 묵시적 타입
implicitType = 1234;

위 경우, 자바스크립트에서는 아무런 문제가 없는 코드이지만, 타입스크립트에서는 아래와 같이 에러가 발생한다.

 

 

처음에 string 타입의 값을 할당했는데 뒤에 number 타입의 값을 할당해서 그렇다.

추천하는 방식

보통은 묵시적 타입 지정을 선호한다.

• 코드가 깔끔해진다.
• 변수의 타입이 변해야 할 일은 거의 없다.
• 키보드 치는 시간을 줄일 수 있다.
• 기존 JS 의 장점을 완전히 이용하면서도 TS 의 이점도 활용할 수 있다.