개발자
Nextjs dev mode에서 실시간으로 ESLint 경고를 띄울순 없나요?
현재 Nextjs 14.1.0 버전으로 스토리북까지 포함한 템플릿 프로젝트를 만드려고 합니다. Nextjs 프로젝트는 처음인데 이전에 리액트 기반으로 했을땐 dev 모드에서 eslint warning이 실시간으로 보였는데 next에서는 보이지가 않네용.. npm run lint로 확인하는 것 말고 실시간으로 확인할 순 없을까요?
답변 1
인기 답변
vscode를 사용하신다면 기본 세팅을 활용해 보세요. 파일을 저장할 때 lint가 실행되도록 하는식으로 말이죠. 정확히 설정 값 이름이 기억나지 않으나, files onSave 어쩌고 있습니다. 검색해서 설정해 보세요. vscode에 의존하지 않고 독립적인 환경에서 써야 한다면 쉘 스크립트나 node로 간단한 스크립트 짜서 만드시면 됩니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 02월 19일
Next.js에서 ESLint 경고를 실시간으로 확인하는 기능은 현재로서는 공식적으로 지원되지 않습니다. 이는 Next.js 팀이 실시간 linting을 IDE의 역할로 보고 있기 때문입니다. 다만, 사람들이 스스로 해결책을 찾아내어 사용하기도 합니다. 예를 들면, Airbnb의 ESLint 설정과 같이 실시간으로 ESLint 경고를 볼 수 있는 custom 서버를 만드는 방법등이 있습니다.하지만 이런 약점을 뚫는 방법들은 공식적인 지원을 받지 못하므로 문제가 발생했을 때 도움을 얻기 어렵다는 단점이 있습니다. 따라서, 일반적인 추천 사항은 개발자가 사용하는 IDE에 ESLint 플러그인을 설치하여 개발 도중 코드에서 린트 오류를 확인하는 것입니다. 대부분의 modern IDEs (VS Code, Atom 등) 에서는 ESLint 플러그인을 사용해 코딩 시점에서 바로 Lint 경고를 받아볼 수 있습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!