Typescript 개요

타입스크립트란?

Typescript는 마이크로소프트에서 개발한 자바스크립트 기반의 프로그래밍 언어이다.

타입스크립트의 공식문서에 따르면, 타입스크립트는,

1) 자바스크립트의 구문에서 추가적인 integration을 넣음으로 자바스크립트의 단점을 보완한다.
2) 자바스크립트가 호환되는 모든 에디터 및 환경에서 작동한다.
3) 규모에 상관없이 안정적인 작업을 가능하도록 한다.

는 강점을 갖는다.

 

추가적인 타입의 추가가 갖는 강점 ( Udemy 강의자료 참조 )

function add (a, b) {
	return a + b; // a + b를 하길 원해!
}

// DOM의 결과물을 가져올 때 === 문자열로 가져옴
add('5', '3') // "ab"

function add (a: number, b: number) { // 변수에 타입을 정해준 지점!
return a + b
}

add ('5', '3')
// app.ts:5:20 - error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.
// 작동되기 전, 컴파일 에러를 통해 에러를 잡아준다

타입스크립트 설치

먼저 타입스크립트는 프로그래밍 언어이기 때문에, 라이브러리와 달리 프로젝트 내부에서 설치되는 것이 아닌 로컬에서 전역적으로 설치해야 한다. 

npm install -g typescript

그리고 브라우저는 오직 HTML / CSS / JS만을 인식하고, TS는 JS에 기반한 언어이기 때문에 TS로 작성된 파일은 반드시 JS파일로 컴파일을 해줘야 한다. 이 때는 프로젝트 내부에서 컴파일(Compile)을 해주면 되는데, 이 때는 다음과 같은 코드를 터미널에 작성한다.

tsc app.ts
# app.ts는 컴파일을 원하는 파일명이다.

타입스크립트의 기능 간단 정리

1. 타입 추론 : 함수 / 매개변수 / 객체 등에 문자열, 숫자, 불리언 등의 타입 + any, void, undefined 등의 타입을 추가해서 결과값을 미리 추론하고 이에 대응하는 컴파일을 통해 에러 처리

2. 오버라이드(Override) : 타입스크립트는 기본적으로 부모 클래스나 인터페이스에서 이미 구현된 메소드를 자식 클래스나 객체에서 새롭게 구현하는 것을 말한다.