Typescript 객체 데이터 타입

Seong Ho Kim·2024년 1월 11일
0

Typescript

목록 보기
4/5
post-thumbnail

Typescript 객체(Object)

  • Typescript에서 객체 데이터 타입을 지정하려면 타입 주석을 사용하여 객체의 속성과 해당 속성의 데이터 타입을 명시하면 된다.

출처 : 생활코딩

실습 : TS Playground

// 객체(JS)
const user1 = {
	name: "SeongHoKim",
    age: 30
};
console.log(user1);

// 객체(TS)
const user2: {name:String, age:Number} = {
	name: "SeongHoKim",
    age: 30
};
console.log(user2);
  • 위 코드에서 작성된 객체의 속성이 name의 value 값이 문자열이고, age의 value 값이 숫자 데이터 인것을 명시했다. 이를 통해 객체의 속성과 데이터 타입이 올바르게 지정해줬는지 확인할 수 있다. 만약 객체 속성에 잘못된 데이터 타입의 속성 값을 할당하려고 하면 어떻게 될까?
const user: {name:String, age:Number} = {
	name: "SeongHoKim",
    age: "30" // 오류 : 타입 'string'은 'number'에 할당할 수 없다.
};
console.log(user); // TypeError
  • 잘못된 데이터 타입의 속성 값을 할당하려고 시도할시 컴파일 에러를 발생시키게 된다. 그러므로 객체의 데이터 타입을 명시적으로 정의하면 코드의 가독성과 안정성이 향상된다.
profile
안녕하세요 Junior UIUX Designer 입니다 😊

0개의 댓글