웹/Typescript 2

Typescript - Tuple(튜플)과 Enum 자료형

바닐라 JS에선 number, string, boolean, array, object의 자료형만 다뤘던 것 같은데 타입스크립트에선 새로운 자료형이 등장. 먼저 Tuple 자료형. 예전에 파이썬 처음에 입문할 때 잠깐 봤던 거 같기도 한데...아닌가... 찾아보니깐 있네ㅎㅎ 어쨌든 타입스크립트 버전으로 봐야지 뭐 먼저 튜플의 정의를 간단하게 하면 길이와 순서가 정해져 있는 array 정도로 받아들이면 될 것 같다. const color: [number, number, number] = [12, 32, 52]; 위와 같은 식으로 타입을 정해준다는 것은 길이가 3이고 number만 와야하는 배열이 되어야함을 알려준다. type HTTPResponse = [number, string]; const goodRes..

웹/Typescript 2022.07.18

TypeScript - 유니온 타입

타입스크립트는 변수의 타입을 지정해주는 게 기본이다. 하지만 역시나 개발자들은 자유도가 높은 걸 좋아한다. 타입을 한 가지가 아니라 여러가지로 설정해줄 수 있다. let age: number | string = 12; age = 23; age = "24"; | 기호를 써서 age에 올 수 있는 타입을 number 또는 string이라고 지정해줄 수 있다. 그래서 age 자리에 number를 넣거나 string을 넣어도 에러가 발생하지 않음. type Point = { x: number; y: number; }; type Loc = { lat: number; long: number; }; let coordinates: Point | Loc = { x: 1, y: 35 }; coordinates = { la..

웹/Typescript 2022.07.13
728x90