TIL #43 | 타입스크립트란

TypeScript?

자바 스크립트에 타입을 부여한 언어

타입스크립트는 컴파일 과정이 필요하다

자바 스크립트 - 동적 타입 - 런타임에서 동작할 때 타입 오류 확인
타입 스크립트 - 정적 타임 - 컴파일 타임 코드 작성 단계에서 오류 확인

개발 환경에서 에러 잡는 것을 도와준다
오직 개발 환경에서 활성화 됨
성능 향상과는 관계가 없음 -> 안정적인 개발을 위해 사용

---

Property & Method

1) Property - string.length는 문자열의 속성인 문자열의 길이를 제공, 문자열 자체에는 아무것도 하지 않습니다.
2) Method - string.toLowerCase()는 문자열을 소문자로 변환, 즉, 문자열에 작업을 수행한 다음 반환

---

타입 단언 (type assetion) & 타입 가드

const bodyElement = document.querySelector("body");
// bodyElement!.innerText = "Hello" // null이나 undefined가 아니라고 명시

if (bodyElement) {
  bodyElement.innerText = "Hello";
}

function func(arg: string | null) {
  if (arg) {
    // 매개변수가 null이 아닐 때
    return (arg as string).toLowerCase();
  }
}

func("Hello");
func(null);

Type Alias vs Interface

interface Animal {
  name: string;
}

interface Bear extends Animal {
  honey: boolean;
}

const bear1: Bear = {
  name: 'honey bear',
  honey: true
}

type Animal = {
  name: string;
}

type Bear = Animal & {
  honey: boolean;
}

const bear1: Bear = {
  name: 'honey bear',
  honey: true
}

interface Animal {
  name: string;
}

interface Animal {
  honey: boolean
}

const bear1: Animal = {
  name: 'honey bear',
  honey: true
}

type Animal {
  name: string;
}

type Animal {
  honey: boolean
}