[TypeScript] TypeScript에 대해 알아보고 사용해보기

1. TypeScript를 사용해야 하는 이유는 무엇인가?

//javaScript

function sum (a, b) {
	return a + b;
}
sum('x', 'y');

//typeScript
function sum (a: number, b: number) {
 	return a + b;
 }
 sum('x', 'y');

 

javaScript는 타입에 관대한 편이다. 5 + '3' 이라고 해도 알아서 parseInt라는 기능이 있어서 5+3으로 연산을 해준다.

(자바스크립트는 Dynamic typing 을 지원하는 언어라고 한다.)

1-1. TypeScript는 정적타입을 지원한다. (즉, type 지정후에 변경이 불가능하다. )컴파일단계에서 오류를 포착할 수 있다. (또한, ts는 오류를 명확하게 알려줘서 수정이 용이하다.)

1-2. IDE(통합개발환경)을 포함한 다양한 도구의 지원을 받는다.

인텔리센스(IntelliSense), 코드 어시스트, 타입체크, 리팩토링 지원을 받는다. (대규모 프로젝트에 필수 요소이다.)

**통합개발환경: vscode, webStorm, atom 등 

 

2. TypeScript 설치방법

2-1. node.js 설치 (최신버전 설치 필수 : 구버전은 오류 잦음)

2-2. typeScript 설치

$ npm install -g typescript

2-3. typeScript 버전 확인

$ tsc -v

2-4. tsc 실행하기

ts파일은  브라우져에서 동작하지 않으므로 js파일로 변환해야 컴파일할 수 있다. (변환하는 것을 트랜스파일링이라 함)

tsc -w

js변환 실시간 진행중

js파일 추가됨

 

 

---

참고자료

TypeScript의 소개와 개발 환경 구축