[TIL] TypeScript?

link717·2021년 2월 14일
0

TIL

목록 보기
34/53
post-thumbnail

🌼 TypeScript?

TypeScript는 MS에서 개발한 JavaScript의 superset인 프로그래밍 언어로서 TypeScript는 JavaScript의 모든 기능을 포함하면서 JavaScript에 포함되지 않은 타입 시스템을 지원한다. 타입 시스템을 사용함으로써 보다 안정적인 개발을 할 수 있다.

. npm install -g typescript
프로젝트와 상관없이 전역으로 ts를 설치하는 명령어 


. tsc app.js
tsc[type script compiler] app.js [compile할 ts 파일 이름]을 터미널에서 실행한다.

. tsc --init
"Duplicate function implementation." error를 해결하기 위해 위의 명령어를 터미널에서 실행한다.
(VSC의 bug 같은것으로 보면 된다.) 

. tsc -w
-w는 watch의 줄임말로 ts로 작성된 코드의 변경을 감시하여 자동으로 js로 complie 할 수 있도록 도와준다.

function add (a, b) {
  return a + b;
}

console.log(add("3", "5"));
// error가 발생하지 않고 "35"를 출력한다.
function add (a: number, b:number) {
  return a + b;
}

console.log(add("3", "5"));
// type에 맞지 않은 argument가 입력되어 compile type error가 발생한다.

🌻 TypeScript의 장점?

  1. 타입 표기: 변수값에 데이터 타입을 지정 가능하여 코드를 예측하기 쉽고 디버깅하기 쉽다.
  2. 객체지향적: ts는 js에 전통적인 객체 지향 타입을 사용하기 위한 시도로 만들어진 언어로 Class, 상속 등의 개념을 사용할 수 있다.
  3. 컴파일 타임 오류: ts는 프로그래밍 언어인 동시에 Compiler로서 역할도 한다.(ts → js)

출처: YOUTUBE-땅콩코딩

profile
Turtle Never stop

0개의 댓글