타입스크립트는 자바스크립트의 superset이라고들 말한다.
자바스크립트에 타입을 부여한 언어로, 자바스크립트를 기반으로한 확장된 언어이다.

타입스크립트를 왜 써야하나?

자바스크립트만으로도 충분히 구현가능한데 굳이 타입스크립트를 왜 써야하나 싶지만 타입스크립트를 사용하면 에러를 사전에 방지할 수 있고, 유지보수가 쉬운 코드를 짤 수 있다.

타입스크립트의 특징

1. 타입 표기

• 변수값에 데이터 타입 지정 가능

데이터 타입을 지정할 수 있기 때문에 코드 실행 전 컴파일 에러 메세지가 출력되면서 다른 데이터 타입으로 인해 발생할 수 있는 에러를 미리 캐치한다.

add 함수의 인자로 정수만 받고 싶어 아래와 같이 함수를 짰다고 가정해보자. js는 인자로 문자열을 넣는다면 별 다른 에러 없이 '35'를 출력하겠지만 ts는 에러를 출력한다.

타입스크립트는 타입을 명확히 지정해줌으로써 의도한 결과를 얻을 수 있다는 장점이 있다.

//자바스크립트
function add(a, b) {
	return a+b
}

console.log(add('3','5'))  //'35'

//타입스크립트
function add(a: number, b:number) {
	return a + b;
}

console.log(add('3','5'))  //Error: '3'은 number에 할당될 수 없습니다.

2. 객체 지향적이다

3. 컴파일 타입 오류를 잡을 수 있다.

• 코드 수준에서 미리 타입 오류를 캐치한다.

자바스크립트로 실행되는 브라우저가 타입스크립트 코드를 이해하지 못하기 때문에 타입스크립트는 자바스크립트 환경에서 실행할 수 없다.

브라우저에서 실행되려면 타입스크립트 파일을 자바스크립트 파일로 변환해주는 컴파일을 거쳐야한다.

타입스크립트는 프로그래밍 언어임과 동시에 타입스크립트를 자바스크립트로 변환시켜주는 컴파일러이기도 하다.

🎃 알고가기

컴파일이란? 어떤 언어의 코드를 다른 코드로 바꿔주는 변환 과정이다.

컴파일 언어

컴파일 언어는 프로그래머가 작성한 코드 전체를 기계어로 변역한 후 링킹 작업을 거쳐 코드를 실행한다.

• 소스코드를 기계어로 번역하는 빌드 과정이 인터프리터 언어보다 오래 걸린다.
• 한번 번역한 후에는 이미 모든 소스 코드가 기계어로 변환되어 있기 때문에 빠르게 실행 가능하다.
• C, C++ 등

인터프리터 언어

인터프리터 언어는 프로그래머가 작성한 코드를 한줄 단위로 번역하고 동시에 명령어를 실행하는 언어이다.

• 빌드 시간이 없기 때문에 번역 속도는 빠르지만 런타임 상황에서 한 줄씩 읽어 실행하므로 컴파일 언어에 비해 속도가 느리다.
• 코드 변경시 빌드 과정없이 바로 실행 가능하다.
• Python, Ruby 등