[코테] Q2. 타입스크립트의 장점이 뭔가요?

코딩 테스트, 코딩 면접 준비, 타입스크립트

Q) 타입스크립트의 장점은 무엇입니까?

1. 가독성을 높일 수 있다.

같은 일을 하는 코드를 자바스크립트 코드와 타입스크립트 코드를 비교하면 대부분의 경우 타입스크립트 코드가 읽기가 쉽습니다. 이러한 이유는 타입스크립트로 코드를 짜면 코드를 구조화하기 쉽고 타입이 가지는 효과 때문입니다.

 

2. 자바스크립트와 호환성이 높다

타입스크립트는 자바스크립트의 슈퍼셋입니다. 이 말은 자바스크립트의 코드 및 환경이 그대로 타입스크립트의 개발에 이용될 수 있다는 것입니다. 개발자는 자바스크립트의 만들어진 무수한 코드와 라이브러리들을 손쉽게 이용할 수 있습니다.

 

3. 강력한 타입 추론 기능이 있다

타입 스크립트에서는 변수나 함수의 인수, 리턴 값의 타입을 지정하지 않아도 자동으로 타입을 붙여주는 일을 해줍니다. 이것을 타입 추론 혹은 형태 추론이라고 합니다.

타입 추론

위 예를 보면 apple 변수에 문자열을 넣어주었고 타입 어노테이션은 주지 않았습니다. 하지만 타입 추론에 의해 apple은 string으로 지정되는걸 확인할 수 있습니다.

 

4. 제네릭을 지원한다

제네릭이란, 함수나 클래스 중에서 사용하는 타입을 추상화하여 범용적(Generic)으로 사용할 수 있는 상태를 만들어 내는 기능입니다. 일반적으로 주로 제네릭 클래스, 함수 등을 정의하는 데 사용됩니다. 간단히 정리해서 말하면 "단일 코드로 여러 데이터형(타입)에 대응할 수 있는 처리를 구현하는 기능"입니다.제네릭을 사용하면 함수나 클래스를 호출할 때 타입 정보를 건네줘야 합니다. 따라서 코드 안에서 타입을 고정해서 적지 않고 처리를 기술할 수 있습니다. 이렇게 코드를 적어줌으로 동일한 처리를 반복해서 기술할 필요가 없어집니다.

 

5. vscode와 같은 에디터에 의한 강력한 기능을 사용할 수 있다

타입 스크립트를 사용하면 vscode와 같은 에디터가 제공하는 다양한 지원 기능을 사용할 수 있습니다.

예를 들어 코드를 입력하면 자동완성 기능으로 인해 입력 후보가 표시됩니다. 또는 타입 지정에 의해 데이터가 들어갈 수 있는 코드에 대해 유용한 메시지가 표시됩니다.

에디터의 강력한 기능

 코드 완성이나 체크 메시지가 없더라도 타입 추론에 의해 컴파일러가 에러를 발견하기 때문에 사전에 버그를 막을 수 있습니다. 컴파일을 실행하기도 전에 오류를 감지하고 에러 메시지를 출력해 주기 때문에 개발 효율이 향상됩니다. 위 예에서는 string타입의 변수에 number타입인 10을 할당하려고 하자 에디터에서 바로 빨간 줄로 에러를 표시하고 있습니다.