강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

Full Stack 개발자님의 프로필 이미지
Full Stack 개발자

작성한 질문수

한 입 크기로 잘라먹는 Next.js(v15)

오류

해결된 질문

작성

·

60

0

아직 사용하기 전에 변수들이 있는 경우 아래 사진과 같이 표시되는데 오류가 발생하지 않도록 설정은 어떻게 하나요?

image.png


답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

혹시 Next.js 앱을 생성하실 때 몇 버전으로 생성하셨나요? 버전에 따라 ESLint 설정 방식이 달라지는데 현재로써는 해당 정보를 확인할 수 없기에 설정하셔야 할 옵션만 알려드리겠습니다.

eslintrc.json 혹은 eslint.config.js 파일 안에 다음의 ESLint 옵션을 추가 설정하시면 됩니다.

  • @typescript-eslint/no-unused-vars: "warn": 사용하지 않는 변수가 있을 때 경고로 표시해요

  • "@typescript-eslint/no-explicit-any": "off": any 타입을 명시적으로 정의할 수 있도록 허용해요

버전은 14.2.21 로 확인됩니다
말씀해주신대로 설정했지만 빨간색에서 주황색으로만 변경됩니다

image.png


이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

주황색은 Warn(경고) 표시로 무시하셔도 괜찮습니다.

보통은 이후에 코드 정리를 위해 Warn으로 두고 사용하는 편이긴 합니다.

만약 경고도 보기 싫으시다면 옵션의 값을 warn -> off로 아예 꺼 주시면 됩니다.

Full Stack 개발자님의 프로필 이미지
Full Stack 개발자

작성한 질문수

질문하기