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 |
Tags
- 렌더링
- CSS
- frontendstudy
- 이벤트
- try.. catch
- 이벤트핸들링
- JavaScript
- 컴포넌트
- input
- this 객체
- Frontend Study
- Props
- 함수 실행
- 메소드 실행
- typeScript
- useState
- webProject
- useRef
- 자바스크립트
- 배열메소드
- FrontendStydy
- DOM
- 리액트
- HTML
- 배열
- REACT
- 비동기함수
- addEventListener
- promise
- callback함수
Archives
- Today
- Total
이다닷
[TypeScript] Day 2 - Array와 Tuple, TypeScript의 객체 본문
TypeScript에서의 Array와 Tuple의 데이터 타입
1. Array 타입
배열 선언 방법 (1)
// 첫 번째 방법: 타입 + []
let arr1: number[] = [1, 2, 3];
배열 선언 방법 (2)
// 두 번째 방법: Array<타입>
let arr2: Array = [1, 2, 3];
2. Tuple 타입
Tuple 선언 방법
let tuple: [string, number, boolean] = ['Hello', 42, true];
Array와 Tuple의 차이점
Array - 길이가 가변적이며, 동일한 타입의 요소로 구성된다.
Tuple - 길이가 고정되어 있으며, 각 요소의 타입이 정해져 있다.
JavaScript에는 없는 데이터 타입이며, TypeScript에서만 사용 가능하다.
TypeScript에서 객체의 데이터 타입
원래의 Javascript의 객체생성은
const user = {
name: "John",
age: 25
};
이러한 형태로 이루어졌다. 하지만 TypeScript에서는 데이터 타입을 지정해준다. 따라서
const user: {name: string, age: number} = {
name: "John",
age: 25
};
이러한 형태로 객체의 데이터 타입을 지정해 줄 수 있다.
이렇게 객체를 생성과 동시에 데이터 타입을 지정해주면, 코드의 안정성과 가독성이 향상된다.
'TypeScript' 카테고리의 다른 글
[TypeScript] Day 3 - TypeScript의 함수, Type Aliases (2) | 2023.11.21 |
---|---|
[TypeScript] Day 1 - 데이터 타입과 추론 (0) | 2023.11.14 |