Development/React Issue

React Delete `CR` prettier/prettier 이슈

foxy_wany 2021. 10. 21. 21:51

React 로 공부를 하던 중 갑자기 오류가 발생되었다.

 

  Delete `CR` prettier/prettier 

 

해당 오류는 '줄 시퀀스의 끝문자' 이 어떻게 셋팅되어 있느냐 문제이다. 

이전에 개발 시에는 문제가 없었는데, 남들 다 한다는 eslint & prettier 을 설치 후 문제가 발생되었다. 

 

아래는 문제의 오류 화면이다. 

브라우저 오류화면
소스코드 내 오류화면

 

문제의 원인은 EsLint 와 Prettier 이다. 

 

때문에 ESLint 또는 Prettier 에 '줄 시퀀스 끝문자' 에 대한 규칙을 추가해주자. 

 

eslint 의 설정 파일인 .eslintrc.js 또는 .eslint.json 파일을 열고 rules 에 endOfLine: 'auto' 를 추가해주자.

eslintrc.js 에 rule 추가

만약 eslint를 사용하지 않고 prettier 만 사용한다면 .prettierrc.js 파일을 열고 동일하게

endOfLine: 'auto' 를 추가한다. 

.prettierrc.js 파일