[ESLint]Prettier와 ESLint 삽질하기

팀플의 시작은 바로 초기 세팅이다
그리고 ESLint와 Prettier 세팅 담당이라 열심히 찾아보며 적용했다.

대게는 구글링으로 해결된다.
블로그가 안되면..다른 블로그로..그 곳도 안되면 깃허브 이슈로..

그러다가 가장 근본적인 문제에 도달했다

src\App.js
  Line 1:17:  Insert ␍            prettier/prettier
  Line 2:24:  Insert ␍            prettier/prettier
  Line 3:2:   Insert ␍            prettier/prettier
  Line 4:1:   Insert ␍            prettier/prettier
  Line 5:20:  Replace ⏎ with ␍  prettier/prettier

src\index.js
  Line 1:27:  Insert ␍            prettier/prettier
  Line 2:41:  Insert ␍            prettier/prettier
  Line 3:25:  Insert ␍            prettier/prettier
  Line 4:1:   Insert ␍            prettier/prettier
  Line 5:67:  Insert ␍            prettier/prettier
  Line 6:13:  Insert ␍            prettier/prettier
  Line 7:8:   Insert ␍            prettier/prettier
  Line 8:12:  Insert ␍            prettier/prettier
  Line 9:10:  Insert ␍            prettier/prettier
  Line 10:3:  Replace ⏎ with ␍  prettier/prettier

prettier와 eslint가 싸우기 시작했다. 이유는.. extends 순서의 문제였다. css처럼 생각하면 편하다.
prettier가 마지막으로 와야지 prettier가 적용된다.

"extends": [
	"naver",
    "react-app",
    "react-app/jest",
    "prettier"
],

이걸로 4시간을 헤맸다..😱