[react에러] prettier 와 ESlint

prettier

기본 설명

prettier는 react를 사용할때, 자동적으로 줄바꿈을 해주고, 한마디로 예쁘게 만들어주는 라이브러리이다.
ESlint는 일관된 개발언어를 잡아주는 것으로, 퀄리티를 높혀준다고 할 수 있다.
이 두 가지를 같이 사용할경우, 보다 쾌적한 환경에서 개발을 할 수 있다는 장점이 있다.

내가 겪은 에러 내용

처음 환경설정을 할 때, prettier오류가 나서 찾아보니, eslint의 버전이 낮아서 그렇다는 검색 결과가 많이 나왔다.

그래서,
1. ESlint를 이미 사용하고 계신 분과 버전이 맞는지를 확인 후
2. 사용하고 있는 개발환경의 버전을 맞춰주고 - 나의 경우 nvm의 버전만 수정해 주었고, yarn 을 다시 설치함
3. 다시 run

을 해 주었다.

그런데도!!!! 동일한 오류가 계속 났다.
원인을 알고보니 처음 설치 후 실행했을때, 에러가 많이 났는데,
이를 해결하고자 나름 메뉴얼에 적혀있는 대로 잘 알지 못하는 코드들을 추가로 다운받는 과정이 문제였다.
이를테면, 지금 버전이 아닌 최신 버전으로 전체 다운로드를 받는다던가 하는 부분에서 충돌이 있었던 듯 하다.