인프런 커뮤니티 질문&답변

문제를 해결하셔서 다행입니다만 원인은 정확인 모르겠네요. 혹시 vscode에 설치한 eslint 확장도구와 eslint 설정 파일이 연동이 안된건 아닐까요? 

감사합니다. 질문한개만 더 드리겠습니다.

개념이해

prettier/prettier 라는 것은 eslint-plugin-prettier를 설치하고

plugins:['prettier'],

rules: {

   'prettier/prettier' : 'error'

}

이렇게 설정하는 것으로 알고 있습니다. 

extends: ["plugin:prettier/recommended"] 로 축약가능하구요.

eslint-config-prettier라는 것으로 eslint와 prettier 가 충돌나는 규칙을 eslint에서 꺼버리고 

eslint-plugin-prettier라는 것으로  eslint에 prettier 규칙을 추가하는 것 까지 이해했습니다. 

문제점

근데 제가 extends: ['airbnb-base', 'plugin:prettier/recommended']를 사용하고 있는데  vscode에서 eslint extension 을 설치하고 저장을 하면 코드 마지막 라인에  ; 가 생기면서 prettier/prettier 오류가 발생합니다(스크린샷첨부). 

질문

제가 생각할떈 prettier/prettier 에러는 eslint안에 들어가 있는 prettier의 규칙이 발생시키는 오류 인것 같습니다. 분명히 eslint 안에 prettier 규칙을 넣었는데 vscode eslint extension에서는 저장할때 ; 이 부분이 왜 생기는건가요? 

해결

해결은 이런식으로 했으나 이해가 가지 않습니다..

선택의 문제인것 같습니다. 둘다 목적에 맞게 동작할 것 같아요.