TypeScript (1)

✅ TypeScript를 사용하는 이유

1️⃣ 기존 JavaScript와 문법이 비슷하다.
TypeScript는 바닐라Js와 문법이 꽤 비슷하다. 그렇기 때문에 배우는 데에 오랜 시간이 걸리지 않는다. 다만 브라우저가 직접 TypeScript를 이해하고 쓰는게 아니라 컴파일 후 일반 JS로 변환되어 브라우저에 전달된다.

2️⃣ 실시간으로 에러를 잡아준다.
에러가 발생했을 경우 에러 메시지를 띄워줌으로써 미리 문제를 고칠 수 있게 도와주고 자동완성 및 추천, 디버깅 등 유용한기능들을 제공하기 때문에 생산성 또한 좋다

3️⃣ 규모가 커져도 안전하다.
처음부터 props의 자료형을 지정할 수 있어서 언제나 정확하고 신뢰할 수 있는 결과를 출력한다. 예를들면 회원가입 폼을 받거나 중요한 데이터를 주고받을 경우 type을 지정해 정확한 데이터만 취급할 수 있다.

💡 TypeScript 사용방법

function add (num1:number, num2:number){
    console.log(num1 + num2)
}

add ("hello", "world") -> type이 string이기때문에 오류 발생

인자에 어떤 type이 올건지 :을 사용해 타입을 지정해준다.

다른 사람이 쓴 함수를 사용할때 함수 선언만 하면 위처럼 어떤 type이 들어가야 하는지 친절하게 알려준다.👍

👉 let a:number[ ] = [1,2,3];
👉 let a2:Array = [1,2,3];

배열도 마찬가지로 type을 지정해준 후 []을 적으면 안에 어떤 type의 요소들이 올지 정할 수 있다.

✍️ 튜플

let b:[string, number]
  

배열의 첫번째 요소는 string, 두번째 요소는 number로 받음

✍️ void / never

• void : 반환되는 값이 없을때 사용한다.

function sayHello ():void { 
   console.log('hello') ;
  }

• never: 항상 error를 반환하거나 끝나지않는 함수를 반환할때 사용한다.

function showError():never{
  throw new Error();
  }

function infLoop():never{
  while (true) {      }
 }