eslint 와 prettier 를 같이 사용하기 위해
eslint-config-prettier 와 eslint-plugins-prettier 를 설치하였고
eslint 에 prettier 의 포매팅 규칙이 적용될수있도록
.eslintrc.json 파일의 extends 에
plugin:prettier/recommended
위 플러그인을 최 하단에 넣지 않아 발생한 문제로 예상
"plugin:prettier/recommended" 옵션은 prettier와 eslint의 규칙 충돌을 방지하기 위해 사용됩니다. 이 옵션은 prettier에서 제공하는 포맷팅 규칙을 eslint에 적용하는 역할을 하기 때문에 "extends" 배열 제일 마지막에 위치해야합니다.
"extends" 배열 제일 마지막에 위치함으로써, 이 옵션은 다른 eslint 규칙을 먼저 적용하고, 그 다음에 prettier 규칙을 적용하도록 보장합니다. 이를 통해 eslint와 prettier 간의 충돌을 최소화할 수 있습니다.
plugin:prettier/recommended 를 extends 최하단으로 이동 및
plugin:prettier/recommended 을 추가함으로 써 추가할 필요없는 rule 제거
{
"extends": ["prettier"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error",
"arrow-body-style": "off",
"prefer-arrow-callback": "off"
}
}