Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 알고리즘
- 코테
- cpu
- 프론트엔드개발자
- 컴퓨터과학
- 너비우선탐색
- CS
- BFS
- Javascript
- nodejs
- 부트캠프
- computerscience
- 백준
- 패스트캠퍼스
- 컴퓨터공학
- 호이스팅
- 국비지원
- KAKAO
- CSS
- 그리디
- html/css/js
- js
- 코딩테스트
- DFS
- github
- 국비지원취업
- 자바스크립트
- git
- 야놀자
- LinkSnap
Archives
- Today
- Total
My Boundary As Much As I Experienced
TypeScript) 객체 타입 본문
직관적으로 오브젝트의 타입 지정은 아래처럼 하면 될거같다.
const person: object = {
name: "bumang",
age: 30,
};
하지만 이건 틀렸습니다~
object라고 타입지정을 해버리면 타입스크립트는 이게 빈 객체{} 인줄 안다.
빈 객체가 아니라 안에 속성들이 있다면 그 속성들의 타입을 모두 지정해줘야 한다.
const person: object = {
name: "bumang",
age: 30,
};
// 라고 쓰면
const person: {} = {
name: "bumang",
age: 30,
}
// 처럼 쓴 것과 같다.
// 둘 다 안 된다.
타입스크립트에서 객체의 타입을 명확히 기입하려면 아래처럼 하면 된다.
const person: {
name: string;
age: number;
} = {
name: "bumang",
age: 30
}
// 굳이 명시적인 타입 지정을 하자면
//으로 해야된다.
사실 아래처럼 타입 지정을 안 해도 타입스크립트가 추론 가능하다면 굳이 안 적어도 된다.
const person = {
name: "bumang",
age: 30
}
'FrontEnd > TypeScript' 카테고리의 다른 글
TypeScript) 커스텀 타입 vs 인터페이스 (0) | 2023.10.20 |
---|---|
TypeScript) enum (0) | 2023.10.18 |
TypeScript) 배열과 튜플 타입 (1) | 2023.10.18 |
TypeScript) 타입스크립트를 쓰는 이유 (0) | 2023.10.17 |
TypeScript) 상수와 변수, 타입 추론 (0) | 2023.10.17 |