[ReactTS] TypeScript란?

TypeScirpt는 Javascript의 확장판으로 Strongly-Type언어이다.

Strongly-Typed란?
프로그래밍 언어가 작동하기 전에 Type을 확인 한다는 말이다.

 

• TypeScript - 컴파일 에러 (코딩할 때 알 수 있음)
• JavaScript - 런타임 에러

 

 

1. JavaScript와 TypeScript

/***  JavaScript  ***/

const plus = (a, b) => a + b;

plus(2,2) 
// 4

plus(4, "h2")
// 2h2

- a + b의 결과만 내보낸다.

 

/***  TypeScript  ***/

const plus = (a:number, b:number) => a + b;

plus(2,2) 
// 4

plus(4, "h2")
// 오류 발생

- param의 타입을 지정해준다.

 

---

/***  JavaScript  ***/
const user = {
	firstName: "Angela",
	lastName: "Davis",
	role: "Professor"
}

console.log(user.name)
// undefined

- JavaScript는 값이 없으면 undefined를 내보내지만, TypeScirpt는 오류를 출력한다.

( TypeScript 오류 메세지 )