TypeScript - 시작

2022. 3. 12. 03:09TIL(Today-I-Learned)/TypeScript

728x90
반응형

TypeScript는 JavaScript를 기반으로 한다.

TypeScript는 strongly-typed 언어이다. strongly-typed 란, 프로그래밍 언어가 작동하기 전에 type 을 확인한다는 것이다.

JavaScript는 strongly-typed 언어가 아니다 . 데이터 타입이 뭔지 신경쓰지 않는다.

 

예를 들어 plus라는 function을 만들어보자.

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

plus(2, 2) // 4

여기서 JavaScript는 a와 b가 어떤 타입인지 모른다.

그냥 a + b 결과만 보여준다.

실수로 아래와 같이 코드를 입력했다면

plus(2, "Hi")

// "2Hi"

 

이런 실수를 방지하기 위해서 안전장치가 있었으면 좋겠다.

JavaScript에게 a는 number, b도 number 라고 알려주고 싶다.

만약 a 는 number b는 string 이면 잘 못 됐다고 알려주길 원한다.

하지만 JavaScript는 strongly-typed 언어가 아니기 때문에 불가능하다.

 

그래서 TypeScript를 사용한다.

프로그램이 작동하기 전에 데이터 타입을 확인한다.

그리고 코드의 실수가 있다면 TypeScript가 알려줄 것이다.

JavaScript 코드를 TypeScript 로 보면 어떻게 될까?

 

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

이렇게 파라미터에 타입을 입력해주고 확인하면

plus( 1, 1 ) // 2

plus("1", 1) // error

이런식으로 type이 number가 아님을 알려준다.

 

이런식으로 실수를 보호 받을 수 있는 것이 TypeScript 이다.

또 TypeScript는 JavaScript로 return 해 브라우저에서 나타낼 수 있다.

 

 

728x90
반응형

'TIL(Today-I-Learned) > TypeScript' 카테고리의 다른 글

TypeScript - 설치  (0) 2022.03.20