TypeScript

진정한 타입스크립트의 시작, Union 타입

유니온 타입은 타입스크립트에서 코딩할 때 굉장히 많이 쓰게 될 것이다. OR 또는 합집합으로 이해하면 충분할 것이다. type Direction = "left" | "right" | "up" | "down"; function move(direction: Direction) { console.log(direction); } type TileSize = 8 | 16 | 32; const tileA: TileSize = 16; //const tileB: TileSize = 10; //10 형식은 TileSize 형식에 할당할 수 없습니다. //function : login -> success, fail type SuccessState = { response: { body: string; }; }; type F..

타입스크립트를 쓰는 이유, type alias와 String Literal Types

type alias(내가 새로운 타입을 정의할 수 있다)를 이용하면 기본적인 타입부터 복잡하고 정교한 타입까지 정의할 수 있다. 가령 type Text = string; 위와 같이 작성하면 Text라는 새로운 타입은 문자열을 말한다고 지정해주는 것이다. type Text = string; const name: string = "홍길동"; const nickName: Text = "황진이"; console.log(name); //홍길동 console.log(nickName); //황진이 type alias 를 통해서 다음과 같이 특정 프로퍼티가 강제된 객체 타입을 만들 수도 있다. 그리고 변수의 타입을 type alias로 작성한 것으로 지정해주면 특정 프로퍼티만 할당할 수 있을 뿐더러 특정 프로퍼티의 타..

스프레드 연산자, 배열, 튜플

스프레드 연산자와 함께 쓰는 경우 function addNum(...numbers: number[]): number { return numbers.reduce((a, b) => a + b); } console.log(addNum(1, 2)); console.log(addNum(1, 2, 3)); console.log(addNum(1, 2, 3, 4)); 3 6 10 배열과 튜플 nst fruits: string[] = ["사과", "바나나"]; const numbers: Array = [1, 2, 3, 4, 5]; const cloths: [string, number] = ['청바지', 2]; console.log(cloths[0]); //청바지 튜플 사용하는 것은 권장하지 않는다. const cloth..

타입스크립트 맛보기

https://youtu.be/e_lU39U-5bQ *엘리님 영상 캡처입니다. function 함수명 (매개인자 : 형) : 반환형{ //아무코드 return 반환형에 맞는 자료형; } }