본문 바로가기
Frontend/TypeScript(완)

[TS] TS 연습하기2

by VictorMeredith 2023. 4. 12.

TypeScript

//변수에 type 넣어서 사용하기 (type Alias)
//PascalCase로 타입이름을 지정하는 게 국룰
type Animal = string|number|undefined
type Animal2 = {name:string, age:number};
const 동물 : Animal = '스트링/넘버/언디' ;
const 동물2 : Animal2 = {name:'강아지', age:2}


//reference data type 락걸기 (ts파일 안에서만 그럼)
type Gf = {readonly name:string, age:number} // type에 readonly라고 지정해주면, 내부 수정이 불가능하다. 
const 여친:Gf = {name : '경아', age:30};
// 여친.name = '누군가'; // 불가능하다. (에러만 띄워준다. 실제 실행은 상관업따요)


// type 키워드 합치기 (or)
type Name = string;
type Age = number;
type Person = Name|Age;


// type 키워드 extend (and)
type PositionX = { x : number }
type PositionY = { y : number }
type AllPosition = PositionX & PositionY ;
const nowPosition:AllPosition = {x: 10, y:20};


//type 키워드는 재정의가 불가능하다.

'Frontend > TypeScript(완)' 카테고리의 다른 글

[TS] TS연습하기4  (0) 2023.04.12
[TS] TS 연습하기3  (0) 2023.04.12
[TS] TS 연습하기1  (0) 2023.04.12
[TS] 타입스크립트 변수 문법 빠르게 정리하기  (0) 2023.04.10
[TS] MERN에서 TS 사용하기  (0) 2023.04.10

댓글