[11주차 04] 타입스크립트

타입스크립트란

• 사용하면 좋은 점

  • JS보다 버그를 줄일 수 있다
  • 유지보수가 쉽다
  • 강력한 높은 퀄리티의 코드를 생산할 수 있다

• 타입스크립트 = 자바스크립트 + 타입체크

• 데이터 타입을 표기하면 좋은 점

  • 컴파일 타임 시 오류를 체크함 (버그를 줄일고 안정성을 높여줌)
  • 타입스크립트 ->(컴파일) 자바스크립트 -> 웹 브라우저

---

• 데이터 타입과 추론
• 데이터 타입의 종류
• 타입 명시
• 인터페이스
• 열거형

---

데이터 타입과 추론

자바스크립트의 변수에는 어떤 데이터 값도 할당 할 수 있음

let myname = 'Lee';
let myname = 1;

문자열을 넣도록 의도했지만 누군가는 그렇지 않을 수 있음

• 타입 추론 기능

  • 변수의 타입을 초기에 할당된 값을 바탕으로 자동으로 판단하고 추론

  let age = 30;
  // number로 추론

  • 모호한 경우나 복잡한 로직에서는 타입을 명시해주는 것이 좋음

---

데이터 타입의 종류

• 기본 데이터 타입

  • number . string , boolean
  • null : 의도적으로 값이 없음
  • undefined : 값이 할당 되지 않음

• 객체 타입

  • object
  • array
  • tuple

• 특수 타입

  • any
  • unknown : 타입을 미리 알 수 없는 경우

---

타입명시

변수를 선언할 때 값의 타입을 명시하여 데이터 타입을 지정

let 변수이름 : 데이터타입 = 할당할 값

let x : string = 'kim';
let y : number = 10;

---

인터페이스

속성을 정해서 개체를 표현하고자 할 때 사용함

타입을 타입스크립트에게 설명해주기 위한 용도

interface Info {
  name: string;
  age: number;
  job: boolean;
}

//class로 상속 받아 사용 가능
class MyInfo implements Info {
  name = 'kim';
  age = 20;
  job = false;
}

---