티스토리 뷰

Typescript

[Typescript] type 변수 만드는법

이채야채 2022. 2. 5. 00:12

Type 변수 만들기


변수는 대문자로 하는것이 좋다!

 

1. type 변수 = {어쩌구저쩌구}

let 동물: 변수 = {비슷한 폼}

 

type Animal = {name: string, age : number}
let 동물: Animal = {name: 'kim', age: 20};

readonly 기능


🚨 const 변수는 바꿀수없는것들을 쓰고싶을때 사용하는 변수

 

const 출생지역 = {region : 'seoul'} 

=> 등호로 재할당만 막는 역할이다. const로 담은 object 수정은 자유롭게 가능하다. (자바스크립트때도 몰랐는데 지식 get)

 

 

 

✔️타입스크립트를 쓰면 object 자료수정도 막을 수 있다. 

 

에러가 발생~~

 


속성 몇개가 선택사항이라면?




물음표를 사용하면 color가 없어도 에러가 나지 않는다.

물음표? => Undefined라는 타입도 가질수 있다! 

 

 


type키워드 합치기 = Extend한다. 


OR 연산자로 Union type을 만든다.

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

&연산자로 object 타입 합치기

 

type PositionX = {x : number};
type PositionY = {y : number};

type NewType = PositionX & PositionY

let postion : NewType = {x :20, y: 20}

 

같음이름의 type 변수 재정의는 불가능하다


Literal Type


Literal Type = const 변수의 업글버전

 

let 이름 : 123;

이름 ='123'; <- 에러뿜뿜

특정한것에 딱 픽스를해주면 다른어떤것이 들어오면 모두 오류를 뿜는다.

 

에러가 뿜뿜

 

 

오류없이 잘 작동한다


literal type 문제점과 as const 문법


왜 오류를 뿜는것인가?

'kim'이라는 자료만 들어올수있습니다 라는 말이아니다!!!

 

 

그럼 뭐꼬?

 

'kim'이라는 타입만 들어올수있습니다!! 이말이다

 

자료.name 의 타입은? string 이다.

 

 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함