TypeScript는 JavaScript에 정적 타입 기능을 추가하여 JavaScript 코드를 컴파일하는 오픈 소스 프로그래밍 언어입니다. TypeScript의 강력한 기능 중 하나는 컴파일러 플래그를 사용하여 코드를 더 엄격하게 분석하여 잠재적인 오류를 방지하는 것입니다. 그 중 하나인 noUnusedLocals 플래그는 사용되지 않는 로컬 변수를 감지해 경고 메시지를 표시합니다. 이번 글에서는 TypeScript 컴파일러 플래그를 사용하여 noUnusedLocals 설정하는 방법에 대해 살펴보겠습니다.

TypeScript noUnusedLocals 플래그란?

noUnusedLocals 플래그는 TypeScript 컴파일러에서 사용되지 않는 로컬 변수를 찾아내는 데 사용됩니다. 이 플래그를 활성화하면 사용되지 않는 로컬 변수를 선언했을 때 컴파일러가 경고를 표시하여 해당 변수를 제거하거나 활용하도록 유도할 수 있습니다.

컴파일러 플래그 설정하기

TypeScript 컴파일러 플래그는 tsconfig.json 파일을 통해 설정됩니다. 먼저 프로젝트 루트에 tsconfig.json 파일이 없다면 다음 명령어를 사용하여 생성합니다.

tsc --init

tsconfig.json 파일을 생성한 후, 다음과 같이 플래그를 설정할 수 있습니다.

{
  "compilerOptions": {
    "noUnusedLocals": true
  }
}

위 설정은 noUnusedLocals 플래그를 활성화하고, 사용되지 않는 로컬 변수에 대한 경고를 활성화합니다.

플래그 사용 예시

다음은 noUnusedLocals 플래그를 활성화하여 사용되지 않는 로컬 변수를 확인하고 수정하는 예시입니다.

Before:

function calculateTotal(a: number, b: number) {
    let result = a + b;
    return result;
}

컴파일하면 다음과 유사한 경고가 표시됩니다.

TS6133: 'result' is declared but its value is never read.

After:

function calculateTotal(a: number, b: number) {
    const result = a + b;
    return result;
}

변수 result의 타입을 const로 변경하여 사용되지 않는 로컬 변수에 대한 경고를 해결할 수 있습니다.

마무리

이제 TypeScript 컴파일러 플래그를 사용하여 noUnusedLocals 설정하는 방법을 살펴보았습니다. 이 설정을 활용하면 프로젝트에서 사용되지 않는 로컬 변수를 찾아내고 코드의 신뢰성을 높일 수 있습니다. TypeScript 컴파일러 플래그의 다양한 설정을 활용하여 프로젝트의 안정성을 더욱 향상시킬 수 있습니다.

참고문헌:

• TypeScript 공식 문서