2024/11/14 검색 결과

해당 글 3건

[eslint] interface, type Pascal Case로 강제하기

TypeScript로 개발할 때, interface와 type을 이용하여 타입을 선언하는 경우가 많습니다.이때 일반적으로 Pascal Case를 사용하여 타입 이름을 작성하는데, ESLint를 이용해 이를 강제하는 방법을 알아보겠습니다.{ rules: { '@typescript-eslint/naming-convention': [ 'error', { selector: ['interface', 'typeAlias'], format: ['PascalCase'], custom: { regex: '^[A-Z][a-zA-Z0-9]*$', match: true, }, }, ], },} @typ..
공유/ESLint 2024. 11. 14. 12:50

[eslint] undefined 할당 금지

undefined 할당 금지undefined선언했으나 초기화하지 않은 변수, 함수의 반환 값이 없을 때, 객체에 존재하지 않는 속성 등에 자바스크립트가 자동으로 할당하는 값 입니다.코드에서 명시적으로 할당하지 않도록 합니다.null개발자가 의도적으로 값이 없음을 표현하고 싶을 때 사용합니다.예를 들어, 객체의 속성을 아직 할당하지 않았거나 특정 변수에 값이 없음을 명확히 하기 위해 null을 사용합니다.{ "rules": { "no-undefined": "error" }}no-undefinedundefined를 할당하지 못 하게 하는 규칙입니다.
공유/ESLint 2024. 11. 14. 12:50

[TS] 타입스크립트에서 객체의 특정 키 값을 안전하게 변경하는 방법

타입스크립트에서는 객체의 특정 key에 대한 값을 변경할 때, 타입 안전성을 유지하는 것이 중요합니다.이번 글에서는 타입 안전성을 유지하면서 객체의 값을 수정하는 두 가지 방법을 알아보겠습니다.방법 1: 객체 확장 방식아래 코드는 객체의 특정 key에 따라 값을 수정하는 예제입니다.interface User { addr: string; name: string; age: number; gender: "M" | "W";}type UserKey = keyof User;type UserValue = User[UserKey];const user: User = { addr: "", name: "", age: 0, gender: "M",};const onChangeUser = (user: User, k..
공유/JavaScript, TypeScript 2024. 11. 14. 12:50