선요약 현재 켜져있는 vscode 작업영역 폴더 내에 다른 프로젝트가 존재할 경우 모종의 충돌이 생길 수 있는 것으로 보인다. 켜져있던 작업영역을 닫고 NextJS 프로젝트 폴더 하나만 띄우니 에러도 안뜨고 EsLint도 정상 작동했다. (.eslintrc.json 혹은 .babelrc 등 다른 설정 필요 없음) 첫 번째 에러 NextJS에 처음으로 입문하기 위해 $create-next-app@latest 명령으로 next 프로젝트를 생성했는데 프로젝트의 모든 js 파일에서 같은 에러가 떴다. >Parsing error: Cannot find module 'next/babel' stackoverflow 등 여러 곳에서 대다수가 말하는 해결 방안은 .eslintrc.json 의 extends에 next/babel 혹은 prettier 등의 내용을 추가하고 .babelrc 파일을 생성하라는 내용이었다. 위 방법을 적용하면 `pa

ESLint React & Webpack 환경에 npm으로 ESLint를 설치했는데 문제가 발생했다. 처음에는 아무 에러도 없어서 정상적으로 설치가 완료된 듯 싶었으나 코드 규칙에 어긋나게 작성해도 아무런 경고가 출력되지 않았다. $ npx eslint --init 명령으로 ESLint의 초기화를 다시 진행해 보았지만 결과는 마찬가지였다. 대신 ESLint의 output으로 이런 메세지가 출력되고 있었다. 대충 읽어보니 eslint-plugin-react 모듈을 못찾겠다는 말인 것 같아서 package.json을 확인해보니 설치되어 있지 않은 상태였다. 분명 $ npx eslint --init 명령으로 초기화를 진행하며 React 환경임을 명시했고 초기화 마지막 단계에서 해당 모듈도 설치가 진행되었던 것으로 기억하는데 제대로 확인해보지 않은 것이 화근이었다. 어쨌거나 원인은 찾았고 npm으로 모듈을 직접 설치하여 문제를 해결해보려 했으나 이 과정에서도 에러