TypeScript 핸드북 자습

RIHO·2022년 9월 7일
0

TS

목록 보기
1/1
post-custom-banner

타입 추론

  • 타입스크립트는 자바스크립트 언어를 알고 있으며 대부분의 경우 타입을 생성.
    ex) 변수를 생성하며 동시에 특정 값에 할당하는 경우, TS는 그 값을 해당 변수의 타입으로 사용

타입 정의

name: stringid: number을 포함하는 추론 타입을 가진 객체를 생성하는 예제

const user = { names: "Hayes", id: 0, };

이 객체의 형태를 명시적으로 나타내려면 interface로 선언

interface User { name: string; id: number; }

변수 선언 뒤에 : TypeName의 구문을 사용해 Javascript 객체가 새로운 interface의 형태의 따르고 있음을 선언할 수 있음

interface User { name: string; id: number; }
// ---cut---
const user: User = { name: "Hayes", id: 0, };

TypeScript 또한 클래스와 객체 지향 프로그래밍 지원, 클래스로도 인터페이스 선언 가능

타입 구성

여러가지 타입을 이용하여 새 타입을 작성하기 위해 일상적으로 가장 많이 사용되는 두 가지 코드로는 유니언제네릭이 있다.

  • 유니언
    타입이 여러 타입 중 하나일 수 있음을 선언
    ex) boolean 타입을 true 또는 false로 설명할 수 있음

type MyBool = true | false

타입스크립트는 코드가 시간에 따라 변수가 변경되는 방식을 이해하며, 이러한 검사를 사용해 타입 골라내기 가능.

  • 제네릭
    타입에 변수를 제공하는 방법.
    ex) 배열. 제네릭이 있는 배열은 배열 안의 값을 설명하는 것이 가능.

구조적 타입 시스템

타입스크립트의 핵심 원칙 중 하나는 타입 검사가 값이 있는 형태에 집중한다는 것. 이는 '구조적 타이핑'이라고 불림

구조접 타입 시스템에서 두 객체가 같은 형태를 가지면 같은 것으로 간주.
pointPoint

profile
Front-End / 기록용
post-custom-banner

0개의 댓글