타입스크립트 유틸리티 타입 정리 ❓상황 타입스크립트 기본 개념 중 하나인 유틸리티 타입 정리 📖 유틸리티 타입이란? 기존의 type alias를 쉽게 변환할 수 있게 도와주는 타입을 뜻한다. 쉽게, 하나의 함수라고 생각하면 편하다. 🧮 정리 Partial : Type 타입의 모든 속성이 옵셔널로 변경된 타입을 반환 : 깊은 접근은 안되어 1차 깊이에만 적용된다. 모든 속성을 옵셔널로 바꾸는 것 보단, 일부 속성만 옵셔널로 바꾸는 때가 많아서, Partial 유틸리티 타입은 잘 사용되지 않는다. type Type = { a: string, b: string } /* type newType = { a?: string | undefined, b?: string | undefined } */ type newTy..

타입스크립트 맵드 타입 정리 ❓상황 타입스크립트 기본 개념 중 하나인 mapped type 정리 📖 맵드 타입이란? 기존에 정의되어 있던 타입을, 새로운 타입으로 변환해주는 문법이다. 아래는 변환 예시이다. // 기존 타입 type userType = { name: string, email: string } // 새로운 타입 type newUserType = { name: number, email: number } 🧮 정리 개요 위의 변환 예시를 보면, 기존 타입의 key는 동일하나, value는 달라진것을 알 수 있다. 이것을 변환하는 방법을 이해하기 위해서는 typeof, keyof, in 키워드를 알고 있어야한다. typeof 자바스크립트에 typeof 키워드가 존재하는데, 자바스크립트의 typeo..

타입스크립트 제네릭 정리 ❓상황 타입스크립트 기본 개념 중 하나인 제네릭 정리 📖 제네릭이란? 재사용성이 높은 컴포넌트를 만들 때, 자주 활용되는 기법이다. 특히, 한가지 타입보다는 여러가지 타입이 동작하는 컴포넌트를 만들 때 주로 활용된다. 🧮 정리 기본 문법 제네릭은 변수명 뒤쪽에 꺽쇠()와 타입을 넣으면 된다. 이때, 타입은 string, number가 아닌 제네릭 타입 변수를 넣어준다. 주로 알파벳 T를 사용한다. 그리고 제네릭 타입변수 T를 일반 타입(number, string )처럼 활용하면 된다. 제네릭 함수 만약 함수의 인자가 어떤 타입이 들어올지 몰라 any 타입으로 지정한다면, 함수의 return 타입도 또한 any 타입이다. function foo(name: any): any { re..

타입스크립트 enum 정리 ❓상황 타입스크립트 기본 개념 중 하나인 enum 정리 📖 typescript 란? 자바스크립트에 타입이 추가된 자바스크립트 확장버전이라고 생각하면 쉽다. 기존에 자바스크립트를 사용할때는, 코드 작성시에 타입을 적지 않기때문에 구문에러가 발생해도 코드상에는 문제가 없기때문에 오류를 발견하기 어렵다. 만약, 코드 작성할때 타입을 명시한다면 타입스크립트를 자바스크립트로 컴파일하는 단계에서 구문에러가 catch 되는 연유로인해, typescript가 javascript보다 더 사랑받는 존재이지 않나 싶다. 🧮 정리 기본 문법 자바스크립트의 객체 형태와 유사하게 key는 문자열, value는 숫자나 문자열을 갖는 형태로 나타낼 수 있다. enum Direction { Up = 'Str..

for 반복문을 이용하지 않고, 연속된 숫자를 갖는 배열 만들기 ❓상황 자바스크립트 알고리즘 문제를 풀때, 부여받은 숫자를 가지고 연속된 숫자를 갖는 배열을 만드는 방법 정리. ✨ 해결 방법 1. Array 객체를 이용 Array(개수).fill(채우는 숫자).map((key, idx) => key + idx) // 예시 // const arr = [1,2,3,4,5,6,7,8,9,10] const arr = Array(10).fill(1).map((n, idx) => n + idx) 이 외에도 방법이 많지만, 그나마 제일 이해하기 쉬운 문법을 채택하여 정리했다.