전체 글 검색 결과

해당 글 234건

[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

[JS] ?? 와 || 연산자 차이

nullish coalescing operator (??)?? 연산자는 null, undefined 인 경우 기본값을 제공하는 연산자입니다.const value = variable ?? "default";variable 값이 null, undefined 인 경우 default 값으로 설정됩니다.logical or operator (||)falsy 값인 경우 기본값을 제공하는 연산자입니다.즉, 개발자의 의도와 맞지 않게 false, 0, '', NaN 과 같은 값에서도 default 값으로 설정될 수 있습니다.const value = 0 || "default"; // defaultconst value = 0 ?? "default"; // 0strictNullChecks 설정tsconfig.json 파일 s..
공유/JavaScript, TypeScript 2024. 10. 22. 18:27

[eslint] 불필요한 타입 단언 (as) 찾기

불필요한 타입 단언, 불필요한 as 찾기TypeScript로 개발 시 as의 사용은 버그를 발생시킬 수 있기 때문에 지양하게 됩니다.그러나 개발하다보면 어쩔 수 없이 as를 사용하게 되는 부분이 있습니다.이때 타입 추론이 되었는데 작성하는 경우도 있습니다.이렇게 불필요하게 작성된 as를 찾아주는 규칙을 알아보겠습니다.{ "rules": { "@typescript-eslint/no-unnecessary-type-assertion": "error" }}no-unnecessary-type-assertion해당 규칙은 타입을 명확히 알고 있음에도 불구하고 as를 이용하여 타입 단언한 경우를 찾아줍니다.const someValue: string = "Hello";const value = someValue..
공유/ESLint 2024. 10. 22. 18:26