Typescript/개념정리

[TYPESCRIPT] Typescript 개요

xowoony 2023. 3. 29. 19:23

학습일 : 2023. 03. 29


 

Typescript는 Javascript를 기반으로 한 프로그래밍 언어이며
프로그래밍 언어가 작동하기 전에 타입을 확인하는
strongly typed 프로그래밍 언어이다.


예를들어

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




이렇게 user가 정의되었는데

console.log(user.name)


을 하면

타입스크립트로 인해 이러한 에러가 뜨게 된다. 

Property 'name' does not exist on type '{ firstName: string; lastName: string; role: string; }'.




우리가 작성한 코드를 push 하기 전에 이러한 에러를 만날 수 있기 때문에
편리하다고 할 수 있다.


가령, 자바스립트에서는

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


가 문제가 없지만

타입스크립트에서는

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


를 선언하는 순간 a와 b의 타입을 지정하라고 잔소리를 하게 되는 격이다.


그래서 우리는 타입스크립트를 쓰게 되면서
타입을 지정해주면 되는데 이런식으로 사용할수 있다.

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



바로 이것이 타입스크립트 코드이다!

이제 타입을 지정해주었기 때문에

plus(1,9);


와 같은 걸 할 수 있게 된다.

그러면서 a, b 둘중 하나가 number 타입이 아니면

타입스크립트로부터 경고를 받게 된다.