Dev Diary 💻

Intro안녕하세요. 이번 시간에는 타입스크립트 유틸리티 타입인 Omit에 대해 알아보겠습니다. 참고로 유틸리티 타입 (Utility Types)은 TypeScript에서 기존 타입을 변형하거나 확장하여 새로운 타입을 쉽게 생성할 수 있도록 도와주는 내장 타입들입니다. TypeScript는 강력한 타입 시스템을 제공하는 동시에, 복잡한 타입 정의를 단순화하기 위해 여러 가지 유틸리티 타입을 제공합니다. 이 타입들은 특정한 작업(예: 선택적 필드로 변환, 특정 속성 제거 등)을 수행하기 위한 미리 정의된 템플릿처럼 작동합니다. Omit 기본 문법Omit은 TypeScript에서 제공하는 유틸리티 타입 중 하나로, 특정 객체 타입에서 지정된 키를 제거한 새로운 타입을 생성하는 데 사용됩니다. 이 유틸리티 타..

Intro 안녕하세요. 타입스크립트 사용 중 다음의 에러가 발생했습니다. Error: Redundant double negation. no-extra-boolean-cast {text} Why 위 에러는 ESLint의 no-extra-boolean-cast 규칙으로, 불필요한 불리언 캐스트(불린 값을 강제로 캐스팅하는 것)를 방지하기 위한 규칙입니다. 현재 !!visible와 같은 형태로 불린 값을 강제로 캐스팅하고 하고 있습니다. 이미 불리언 값이 존재하기 때문에 이중 부정 연산자를 사용하여 불리언 값이 될 필요가 없습니다. How to solve 따라서 아래와 같이 이중 부정 연산자를 제거하면 ESLint 에러가 사라집니다. visible 자체를 사용해도 동일한 결과를 얻을 수 있습니다. {text}

Intro 안녕하세요. 타입스크립트 사용 중 다음의 에러가 발생했습니다. Could not find a declaration file for module Why? 이 오류 메시지는 연결된 declaration file 이 없는 타입스크립트 코드 안에 모듈이나 라이브러리를 사용할 때 발생하는 전형적인 오류입니다. declaration file(.d.ts)는 모듈이나 라이브러리의 types, functions 및 기타 속성을 설명하고 타입스크립트가 코드에서 이들을 사용하는 방법을 이해할 수 있도록 합니다. 따라서 설치된 특정 모듈/라이브러리에 대한 type 정의가 없어 타입스크립트에서 이해할 수 없으므로 다음의 오류가 발생한 것입니다. How to solve the problem 이 오류를 해결하기 위해서는..

Intro 안녕하세요. TypeScript 타입스크립트에서 ref를 사용하여 scrollTop 위치를 변경하던 도중 아래와 같은 에러가 발생하였습니다 someRef?.current?.scrollTop = 0; TS2779: The left-hand side of an assignment expression may not be an optional property access Why? 스펙 상에서 옵셔널 체이닝과 할당을 같이 사용할 수 없다고 합니다. The following is not supported, although it has some use cases; see Issue #18 for discussion: optional property assignment: a?.b = c How to solv..