1월17일

TypeScript

기본적인 문법 말고 특수한 애들만 따로 공부를 더 해봤다.

 

튜플(Tuple)

튜플은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미한다.

const player: [string, number, boolean] = ["seonghun", 1, true]

 

열거형 - 이넘(Enum)

이넘은 특정 값들의 집합을 의미하는 자료형
타입스크립트에서는 숫자형 이넘과 문자형 이넘을 지원한다.

 

enum Color {Red, Green, Blue}  // 초기값이 없을 시 0부터 1씩 올라감
console.log(Color.Red);  // 0
console.log(Color.Green);  // 1
console.log(Color.Blue);  // 2

let a: Color = Color.Red;
let b: Color = Color.Green;
let c: Color = Color.Blue;

console.log(a)  // 0
console.log(b)  // 1
console.log(c)  // 2

 

Generic

type Player<E> = {
  name: string
  extraInfo: E
}

const lynn: Player<null> = {
  name: "lynn", 
  extraInfo: null
}

generic type에 대해

노마드코더에서는 placeholder와 비슷하다고 했고

코딩애플에서는 type에 대한 파라미터와 비슷하다고 했다.

 

둘 다 마찬가지로 타입에 대해 딱 정의하는게 아닌 비워놓고 어떤게 올지 정의시키는 방식이라

앞으로도 매우매우 자주 사용하게될 것이다.

 

 

Next vs Nuxt vs Nest

예전부터랑 TypeScript를 배우고나서 계속 마주치는 애들인데

비슷하면서도 다른거 같아 따로 검색을 해보았다.

확인해보니 

Next -> React

Nuxt -> Vue

Nest -> Node.js 

에 대해 TypeScript로 활용할 수 있게 만들어진 프레임워크라고 한다.