What is TypeScript?

Front-end 개발자에게 가장 중요한 언어 스택 중 하나가 바로 TypeScript라고 한다.

이 언어를 배우기 앞서 TypeScript를 현업에서 왜 많이 사용하고 TypeScript의 장점이 무엇인지 알아보자.

 

TypeScript란?

TypeScript는 Microsoft에서 개발한 JavaScriptdml 상위 집합언어(Superset)다.

JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발되었고 JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장했다.

 

TypeScript의 등장 배경

JavaScript로 웹 어플리케이션의 상호작용이 증가하면서 JavaScript 코드의 양이 기하급수 적으로 증가했다.

문제는 여기서 발생하기 시작하는데 JavaScript는 동적 타입이 결정되어 유연하고 다양한 라이브러리, 프레임워크를 사용할 수 있지만 타입의 명시성이 부족하다는 한계점이 존재한다.

let addTwoNumbers = (x,y) => {
return x+y;
}

addTwoNumbers (1,'7');

예를 들어 위와 같은 코드가 있다고 가정해보자.

add(1,'7')의 값은 무엇일까?

 

 

'17'이 나왔다.

JavaScript는 문자열과 숫자를 더할 경우 숫자 타입의 인수를 문자열 타입으로 바꾸어서 문자열을 리턴해준다.

이런 예기치 못한 문제점을 보완하기 위해 TypeScript라는 언어가 등장하게 되었다.

 

TypeScript의 장점

TypeScript는 정적 타입 검사 기능을 제공하며 코드의 가독성과 유지 보수성을 높여준다.

이를 통해 개발자는 런타임 에러를 최소화하고 코드 작성 시간을 줄일 수 있으며 협업시 코드의 가독성을 올려줄 수있다.

그리고 TypeScript는 ES6 문법을 포함한 최신 JavaScript 문법을 지원하고 Interface, Generic, Decorators 등의 기능을 제공하여 객체 지향 프로그래밍을 보다 쉽게 할 수 있다.

interface User {
id: number;
name: string;
}

function greetingUser(user: User) {
	console.log('Hello',`${user}!`)
}

const leeUSer = {
id: 1,
name: "luciditas"
};

greetingUser(leeUSer)

위 코드는 User 인터페이스를 정의해 User 정보를 좀 더 쉽게 파악할 수 있다.

greetingUser 함수에도 매개변수로 User 타입을 사용해 이 함수가 어떤 타입의 인자를 받고 있는지 명확히 표현하고 있다.

 

이렇게 TypeScript가 무엇인지 TypeScript를 사용했을 때의 장점이 무엇인지 톺아보았다.