본 포스팅은 노마드코더 React JS 마스터클래스를 수강 후 작성되었습니다.
📌 TypeScript란?
: Javascript를 기반으로 한 프로그래밍 언어
1. TypeScript는 strongly-typed 언어
- 프로그래밍 언어가 작동하기 전에 type을 확인한다는 뜻
- JavaScript는 strongly-typed 언어가 X (아래 예시)
const plus = (a, b) => a+b;
plus(2,2) // 이때 4로 결과가 잘 나옴 BUT JavaScript는 a와 b가 어떤 타입이어야 하는지 모름
∴ 만약에 plus(1, "hi")라고 한다면 '2hi'로 값을 내보냄😢 하지만 나는 안전장치가 있었으면 좋겠어~~
난 JavaScript에게 "a는/b는 언제나 number야~~"라고 하고싶은 것!!
TypeScript는 데이터의 타입이 뭔지 알려줌 😊
그리고 프로그램을 돌리기도 전에 뭐가 잘못됐다고 말해줌
아래는 TypeScript를 쓴 예시이다.
문법은 완전히 JavaScript랑 동일 BUT 오류를 알려주는 모습!!
2. TypeScript의 문법
1. 매개변수에 type이 뭔지 작성한다.
//a와 b의 type을 알려주는 것
const plus = (a:number, b:number) => a+b;이제 typeScript는 number+number=number야!를 알려주는 것
2. TypeScript가 compile해서 평범한 JavaScript로 publish 전에 만들어줌
∵ 브라우저가 유일하게 이해할 수 있는 프로그래밍 언어는 JavaScript니까.
