티스토리 뷰

▶타입스크립트 기본타입 - 튜플, 객체, 진위값
지난 글에 이어 타입스크립트의 기본타입에 대해 알아보겠습니다😀
🔎 튜플
배열의 특정 인덱스까지 타입을 지정하는 것을 의미합니다.
예를 들어 0번째 인덱스는 string값이 와야 하고 1번째 인덱스는 number값이 와야만 해! 할 때 사용하면 되겠습니다.
// TS 튜플
// 배열의 특정 인덱스까지 타입을 지정하는 것을 의미
let address: [string, number] = ['강남', 100];
변수명: [string, number] ← 0번째 인덱스는 string타입, 1번째 인덱스는 number타입이 와야 해!
🔎 객체
객체는 { name: "doeunn", age: 22 } 처럼 여러 개의 key와 value를 가질 수가 있습니다.
타입스크립트에서는 이러한 객체 안 속성의 타입까지도 정의할 수도 있습니다.
하지만, 객체 안 속성들의 타입까지 정의하지 않더라도 에러가 발생하진 않습니다.
// TS 객체
let obj: object = {};
let person_1: object = {
// 객체 안 속성 타입까지는 신경X
name: 'doeunn',
age: 22,
};
let person_2: { name: string; age: number } = {
// 객체 안 속성v 타입까지 지정해 줄 수도 있음
name: 'doeunn',
age: 22,
};
변수명: { name: string, age: number }
← name이라는 key의 value는 string타입, age라는 key의 value는 number타입이여야 해!
🔎 진위값(boolean)
let show: boolean = true;
728x90
LIST
'프론트엔드 > TypeScript' 카테고리의 다른 글
| [TypeScript] 타입스크립트 인터페이스(interface) (0) | 2022.12.28 |
|---|---|
| [TypeScript] 타입스크립트 함수 타입 - 파라미터, 반환값 (0) | 2022.12.28 |
| [TypeScript] 타입스크립트 기본타입 - 문자열, 숫자, 배열 (0) | 2022.12.28 |
| [TypeScript] 프로젝트를 위한 타입스크립트 초기 설정 (0) | 2022.12.28 |
| [TypeScript] 자바스크립트를 타입스크립트처럼 사용하기 (0) | 2022.12.28 |
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- rtl
- 딥러닝
- styled-components
- 인프런
- react
- JSP
- 리액트 훅
- 프론트엔드 기초
- 데이터분석
- TypeScript
- CSS
- testing
- frontend
- Python
- 디프만
- 프론트엔드
- 자바스크립트
- react-query
- 프론트엔드 공부
- HTML
- 스타일 컴포넌트 styled-components
- 프로젝트 회고
- 타입스크립트
- 파이썬
- jest
- 머신러닝
- 자바스크립트 기초
- 자바
- 리액트
- next.js
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함