far

Next.js에서 string인 경우와 File인 경우를 나눠야 해서 instanceof File이라고 작성을 했더니 잘 돌아가길래 이게 왜 런타임 환경에서 돌아가는걸까? 라는 생각이 들어 알아봤다.1. TypeScript는 컴파일 시점에만 존재한다일반적으로 interface나 type등 타입스크립트는 컴파일 시점에만 타입 정보를 활용하고, 컴파일 후 전부 사라지고 자바스크립트 코드만 남는다.// 컴파일 전interface User { id: number; name: string;}function getUser(user: User): void { console.log(user.name);}// 컴파일 후"use strict";function getUser(user) { console.log(u..

참고: https://ui.toast.com/weekly-pick/ko_20220323 (사실상 공부를 위해서 이 게시글을 요약했기에 링크의 글을 보는 걸 추천한다.) 타입스크립트를 공부할 땐 never에 대해서 이해하고 넘어갔다고 생각했는데 막상 작업을 해보니까 왜 never라는 오류가 생기는지 모르겠는 상황들이 있었다. 그래서 이 참에 never에 대해 이해하고 넘어가자는 마인드로 정리를 해볼까 한다. 1. Typescript의 never란? never 타입은 값의 공집합이다. 집합에 어떤 값도 없기 때문에 any 타입의 값을 포함해 어떤 값도 가질 수 없다. 그래서 타입스크립트 핸드북을 보면 never타입을 바닥 타입이라고 정의한다. never타입은 숫자에서 아무것도 없는 양을 나타내는 0처럼 문자..

Type (Type Alias) type AnimalType = { animal: 'Dog'; age: number; name: string; }; Interface interface AnimalInterface { animal: 'Dog'; age: number; name: string; } 공식문에서는 interface를 사용하다 문제가 발생했을 때 type을 사용하기를 권장하고있다. 하지만 작업을 하다보면 type에만 적용되는 기능들이 있어 필요할 때가 있기에 공부할 겸 정리를 해보았다. 1. Type에서는 유니온 타입, 인터섹션 타입, 튜플 타입을 사용할 수 있다. type AnimalType1 = { animal: 'Dog' }; type AnimalType2 = { age: number; na..