[타입스크립트] 타입스크립트를 쓰는 이유

타입스크립트란?

- 자바스크립트에 타입을 부여한 언어

- 자바스크립트 파일과는 다르게, 컴파일(파일 변환)과정을 거쳐야 합니다.

* 컴파일: 어떤 언어의 코드를 다른 언어로 변환하는 것, 그러한 역할을 하는 프로그램을 컴파일러라고 합니다.

(컴파일러와 인터프리터의 차이는 이 영상으로 재밌게 익힐 수 있습니다.😎)

왜 타입스크립트를 쓰나요?

타입스크립트는 크게 두 가지 관점에서

자바스크립트로 코드 작성 시 발생하는 문제를 보완해주는 효과적인 언어입니다.

1. 에러를 사전에 방지

2. 코드 자동완성 및 가이드 활용

1. 에러를 사전에 방지합니다.

데이터 타입이 달라지면 반환되는 값도 달라질 수 있습니다. 즉 의도하지 않은 값이 생성될 수 있는데요.

아래에 두 숫자를 더하는 함수를 정의했습니다. 첫 번째 함수 호출에서는 의도한 숫자 덧셈이 이루어졌지만,

두번째 함수 호출에서는 두 데이터를 나란히 연결한 문자열 형태의 값이 반환되었습니다.

 

 

 

 

이렇듯 자바스크립트에서는 데이터 타입이 달라짐에 따라 엉뚱한 값이 나올 수 있습니다.

 

타입스크립트를 사용하면 데이터타입을 표시할 수 있습니다.

뿐만 아니라 반환되는 값의 타입도 지정해줄 수 있습니다.

타입스크립트를 사용하면 미리 지정한 데이터의 타입과 다른 값을 넣었을 때

타입 에러를 코드 상에서 바로 알려줍니다.

 

 

이미지에는 안 나와있지만, "20"부분에 빨간 물결로 에러를 표시합니다. 에러 표시까지 캡쳐하는 법은 없을까요?😢

 

2. 코드 자동 완성 사용을 최대한 활용할 수 있습니다.

타입스크립트를 사용하면 자료의 타입에서 제공하는 API(메서드)를 자동으로 제공해줍니다.

예를 들어 함수의 결과값이 숫자이고 그 결과값을 변수에 담는다면,

타입스크립트가 변수의 타입을 추측해 숫자 타입의 API(메서드)자동으로 제공해줍니다.

반면에 자바스크립트로는 변수의 타입을 추측할 수 없으므로 자동으로 제공하지 않습니다.

따라서 타입스크립트를 사용하면 API를 직접 작성할 때 발생할 수 있는 오타를 방지해줍니다.

---

인프런의 유료 강의 '타입스크립트 입문 - 기초부터 실전까지'를 수강하고 작성하는 글입니다.

타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의

(강의 제공자이신 캡틴판교 님의 타입스크립트 핸드북도 같이 참고하면 좋습니다.😇)