프론트 개발자를 위한 여정

모든 영역을 안내하는 개발자

개발자블로그 2

tsconfig.json 설정 오류 해결: allowImportingTsExtensions는 왜 에러가 날까?

📌 에러 원인:allowImportingTsExtensions 옵션은 TypeScript가 .ts 또는 .tsx 확장자를 명시적으로 import하는 것을 허용하는 기능입니다. import { something } from './utils.ts'; 이런 식의 import를 허용하려면 TypeScript가 실제로 JavaScript 파일을 emit하지 않는 설정이어야 합니다. 그렇지 않으면 문제가 발생할 수 있기 때문이에요.그래서 이 옵션을 사용하려면 아래 중 하나를 설정해야 합니다:"noEmit": true👉 TypeScript가 아무 파일도 출력하지 않음"emitDeclarationOnly": true👉 타입 정의 파일(.d.ts)만 출력함✅ 해결 방법:방법 1. noEmit 설정 추가하기 (가장 ..

Frontend 2025.04.15

프론트엔드에서 Dead Code란 무엇인가? 관리와 제거 방법

프론트엔드에서 Dead Code란 무엇인가? 관리와 제거 방법프로젝트가 커질수록 사용되지 않는 코드가 쌓이고, 디버깅 중 문제를 해결하려다 보면 실제로는 사용되지 않는 코드가 원인처럼 보이는 상황을 경험한 적이 있으신가요? 오늘은 이런 Dead Code의 정의와 이를 효과적으로 관리하는 방법에 대해 알아보겠습니다.Dead Code란 무엇인가?Dead Code란 애플리케이션에서 더 이상 사용되지 않거나 실행되지 않는 코드를 말합니다. 이는 기능 수정이나 삭제, 요구사항 변경, 또는 코드를 작성하는 과정에서 자연스럽게 발생할 수 있습니다. 프론트엔드 개발에서는 Dead Code가 다음과 같은 형태로 나타날 수 있습니다:Dead Code의 주요 유형사용되지 않는 변수 및 함수 선언만 되었지만 실제로 호출되거나..

Frontend 2024.12.25