Typescript - 5. TypeScript의 객체

2023. 8. 31. 15:10TypeScript/생활코딩

TypeScript에서 객체의 데이터 타입

객체의 데이터 타입을 정의하려면, 타입 주석을 사용하여 객체의 속성과 해당 속성의 데이터 타입을 명시하면 된다. 객체의 데이터 타입을 지정하는 것은 개발자가 코드를 더 명확하게 이해하고, 에러를 줄이는 데 도움이 된다.

 

// js
const user = {
  name: "John",
  age: 25
};
// ts
const user: {name: string, age: number} = {
  name: "John",
  age: 25
};

 

위 코드에서 user 객체를 생성할 때 타입 주석을 사용하여, 객체의 속성 name이 문자열이고, 속성 age가 숫자인 것을 명시했다. 이를 통해 객체의 속성과 데이터 타입이 올바르게 지정되었는지 확인할 수 있다.

 

만약 user 객체에 잘못된 데이터 타입의 속성을 할당하려고 하면, TS는 컴파일 시점에 오류를 발생시킨다.

 

const user: {name: string, age: number} = {
  name: "John",
  age: "25" // 오류: 타입 'string'은 'number'에 할당할 수 없습니다.
};

 

이렇게 명시적으로 객체의 데이터 타입을 정의하면 코드의 가독성과 안정성이 향상된다.


참고자료

생활코딩 - Typescript

https://opentutorials.org/course/5080

 

TypeScript - 생활코딩

수업소개 타입스크립트 입문자를 위한 수업입니다.  수업대상 자바스크립트 개발자 버그 위험을 낮추고 싶은 개발자 중요한 기능만 빠르게 배우고 싶은 분 선행학습 이 수업을 듣기 위해서는

opentutorials.org