상황eslint와 tsconfig를 수정하여 미사용하는 정의된 모든 변수를 에러처리하려고 했으나,어찌된 이유인지 error가 아닌 warning으로 표시되는 현상을 식별함. 프로젝트 기본 세팅(tsconfig.json / eslint.config.js)은 아래와 같다.// tsconfig.json{ "compilerOptions: { ... "noUnusedLocals": true, // 사용되지 않은 로컬이 있을 경우, 오류로 보고 "noUnusedParameters": true, // 사용되지 않은 매개변수가 있을 경우, 오류로 보고 ... }}// eslint.config.jsexport default tseslint.config( ..
TypeScript에서 type과 interface는 둘 다 타입을 정의하는 데 사용되지만, 몇 가지 중요한 차이점이 있다.각각의 특징과 사용 시기를 비교해보려 한다.Type vs Interface1. 정의 방식:type: 타입 별칭(Type Alias)을 생성한다.interface: 인터페이스를 선언한다.type User = {name: string;age: number;};interface User {name: string;age: number;}2. 확장성:type: 교차 타입(&)을 사용하여 확장한다.interface: extends 키워드를 사용하여 확장한다.type Animal = {name: string;}type Bear = Animal & { honey: boolean };interfac..
TypeScript를 사용하고있지만, 숙련도가 부족하다고 느끼는 가장 큰 포인트가 제너릭을 잘 몰라서인 것 같다.그런 김에, 제너릭의 다양한 용례를 통해 제너릭을 정리해보려한다.제너릭(Generic)제너릭(Generic)은 TypeScript에서 매우 강력한 기능으로, 코드의 재사용성을 높이고 타입을 더욱 유연하게 다룰 수 있다.제너릭을 사용하면 함수, 클래스, 인터페이스 등을 타입에 의존하지 않으면서도 타입 안전하게 작성할 수 있다.1. 기본적인 제너릭 함수제너릭 함수는 함수의 입력 타입과 반환 타입을 유연하게 지정할 수 있다.function identity(arg: T): T { return arg;}// 사용 예시const num = identity(42); // T는 number로 추론됨cons..
TypeScript에서 Mapped Type는 기존 타입을 변형하여 새로운 타입을 생성하는 역할을 한다.Mapped Types를 사용하면 객체 타입의 각 속성을 다른 타입으로 변환할 수 있는데, 이를 통해 코드의 재사용성과 타입 안전성을 높일 수 있다고 한다.Mapped Type는 주로 keyof 연산자와 함께 사용되어, 기존 타입의 키들을 기반으로 새로운 타입을 정의한다. 기본적인 형식type MappedType = { [P in keyof T]: T[P]; // 형식 1 [ P in K ] : T; // 형식 2 [ P in K ]? : T; // 형식 3 readonly [ P in K ] : T; // 형식 4 readonly [ P in K ]? : T; // 형식 5}; 다른 다양한 ..
