eslint, prettier 설치 및 사용방법

위코드에서부터 이거 적용하려다가 계속 에러나서 끙끙거렸다. 

 

결국 eslint만 적용해서 썼는데, 이에대한 포스팅을 하려고 한다.

 

velog.io/@velopert/eslint-and-prettier-in-react#eslint-%EA%B2%80%EC%82%AC-%EB%AC%B4%EC%8B%9C%ED%95%98%EA%B8%B0

리액트 프로젝트에 ESLint 와 Prettier 끼얹기

솔직히 몇시간동안 헤맨거 이거 한방에 해결.

 

그리고 사용된 프로퍼티와 값에대한 자세한 설명이 들어있어서 해당 링크를 추가함.
velog.io/@mayinjanuary/Next.js-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0-ESLint-Prettier-%EC%84%A4%EC%A0%95

[Next.js] 프로젝트 기초 세팅하기 - ESLint, Prettier 는 필수!

 

설치했는데, vscode에서 뭔가 에러를 나타낸다?

---

혹시 저와 같은 오류로 npm run start가 안되시는 분들은 참고해주세요.
<npm start 실해시 에러 메시지>
There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

"eslint": "^6.6.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of eslint was detected higher up in the tree:

---------> /Users/user1/node_modules/eslint (version: 7.5.0) <----------

Manually installing incompatible versions is known to cause hard-to-debug issues.
----------------------------------------------------------------------------------------------------------

eslint 충돌? 이 발생해서 오류가 생긴 거 같습니다. 홈 디렉토리에 가서 해당 모듈을 삭제하면 될 거 같습니다.
메시지에 나온 /Users/user1/node_modules/eslint 설치되어 있는 폴더로 이동해서 안에 있는 내용을 모두 지우고 다시 실행해서 문제를 해결했습니다.

 

위의 경우 결국은 꼬인거다. 싹다 밀고 다시하자.

 

출처는 아래

www.opentutorials.org/module/4058/24666

개발환경 - React