Typescript - 5. TypeScript의 객체
2023. 8. 31. 15:10ㆍTypeScript/생활코딩

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
'TypeScript > 생활코딩' 카테고리의 다른 글
Typescript - 7. TypeScript의 Type Aliases (0) | 2023.09.01 |
---|---|
Typescript - 6. TypeScript의 함수 (0) | 2023.08.31 |
Typescript - 4. TypeScript의 Array와 Tuple (0) | 2023.08.31 |
Typescript - 3. TypeScript의 데이터 타입과추론 (0) | 2023.08.31 |
Typescript - 2. TypeScript 실습환경 - 내 컴퓨터에서 실행하기 (0) | 2023.08.31 |