[TypeScript] 타입 자료형 type & readonly

https://codingapple.com/course/typescript-crash-course/

빠르게 마스터하는 타입스크립트 - 코딩애플 온라인 강좌

본 블로그는 해당 타입스크립트 강의(코딩애플) 수강 후, 작성된 게시물입니다.

---

type alias

타입이 길고 복잡할 경우, 타입을 변수에 담아서 사용

★ type 변수 재정의 불가능

type Animal = string | number | undefined;
let 동물 :Animal = 'cat';

type Person = { name :string, age :number };
let 사람 :Person = { name: 'park', age: 24 };

※ type 작명 : 영어로 첫글자 대문자가 표준, 뒤에 Type 글자 붙이면 더 정확

 

▶ 타입 키워드를 여러개 합칠 수 있다.

방법 1. | 연산자 사용

type Name = string;
type Age = number;
type People = Name | Age;

방법 2. & 연산자 사용   "extend 한다"

type PositionX = { x :number };
type PositionY = { y :number };
type Position = PositionX & PositionY; // { x :number, y :number };
let position :Position = { x: 10, y: 20 };

 

readonly

const

const : 재할당을 금지하는 자료형 / object의 수정은 자유롭게 가능

const 출생지역 = 'seoul';
출생지역 = 'busan';	// error

const 출생 = { region: 'seoul' };
출생.region = 'busan';

typescript 사용 시, object 자료 수정 방지 기능 사용 가능 (object 속성 Lock 기능)

type Girlfriend = { 
  readonly name :string // 읽기 전용이므로 수정 불가
};
const 여친 :Girlfriend = {
  name: 'yuna'
};
여친.name = 'jinwoong'; // error

※ 타입스크립트 에러는 실제 사용에서는 상관없다는 점. 실제 변환된 Js 파일은 에러가 없다.

 

참고로, object 속성 안에도 ? 사용 가능

type Boyfriend = { 
  name? :string,	// |undefined의 약자가 '?'(물음표)
  age :number,
};
const 남친 :Boyfriend = {
  age: 29
};