1. 타입을 명시해 줌으로써 코드파악에 도움이 되고 에러를 줄임
let name: string = 'Jone';
typescript는 위 코드처럼 name이란 변수를 선언할때 타입을 설정해줄 수 있다.
저렇게 설정해 주는 것 하나만으로
- name이란 변수에 숫자가 들어간다면 컴파일시간에 버그로써 잡아줄 수 도 있고,
- 협업에서도 변수에 대한 정보를 하나 더 들고 가는 셈(자기가 짠 코드도 며칠뒤면 까먹음)
name은 당연히 string아니냐 라고 할수도 있어서 예시코드를 바꾸면
let userCode: number = 15
let userCode: string = 'A_361'
userCode가 순전히 숫자로만 이루어질 수 도 있고 알파벳과 혼용해서 만들 수 도 있으니
타입을 명시해주면 확실히 도움이 된다.
2. 기존의 자바스크립트와는 타입스크립트는 달리 컴파일도중에 에러를 감지.
자바스크립트는 에러감지를 컴파일과정이 아닌 런타임 도중 감지하기 때문에
이미 실핼중인 웹사이트에서 콘솔에러가 뜨는등 버그가 날 수 있다.
타입스크립트에서는 tsc 명령어를 이용해 js로 컴파일하여 사용하고, 그 과정에서 타입과 관련된 에러를 미리 발견하여 알려준다.
3. 컴파일 설정으로 인하여 바벨과 같은 역할을 해 줄 수 있다.
es6문법으로 자바스크립트를 사용시에 구형 웹브라우저인 IE에서 알아듣지 못하는 경우가 있습니다.(IE 폄하 아님)
그래서 바벨과 같은 js컴파일러로 es5버전으로 변환시켜주는데
이와 같은 바벨의 역할을
타입스크립트에서도 target 명령어를 이용해 es5버전으로도 변환 가능합니다. (물론 es6으로도 변환 가능)
'typescript' 카테고리의 다른 글
TypeScript 타입 별칭 (0) | 2022.06.04 |
---|---|
TypeScript 제너릭 (0) | 2022.06.03 |
TypeScript 인터페이스 (0) | 2022.05.30 |
TypeScript 타입종류 (0) | 2022.05.29 |
TypeScript 변수 선언 시 주의점 (2) | 2022.05.22 |
댓글