Delete `␍` prettier/prettier

ESLint와 Prettier 설정 후 아래와 같은 에러를 마주쳤다. 

 

 

해결 방법을 찾다 보니 줄 바꿈과 관련된 변경된 prettier 설정이 원인이었다. 

pretttier공식문서를 찾아보았다. 

 

Windows에선 LF를 Mac OS와 Linux에서는 CRLF를 줄 바꿈 값으로 사용해서 서로 다른 OS를 사용하는 사용자들 간의 협업 시 줄 바꿈 값이 섞이게 되었고 이를 해결하기 위해 Prettier에서 LF로 강제한 것이다. 

 

LF로 통일시킨 이유는 모든 운영 체제의 모든 최신 텍스트 편집기가 \n(LF)를 사용하기 때문이라고한다. 

때문에 Prettier 2.0.0 버전 이후부터 end of line값의 default를 auto에서 LF로 변경하였는데 VSCode에서도, 프로젝트 내에서도 여전히 CRLF를 쓰고 있었기 때문에 에러가 발생한 것이다. 

 

1. vscode 하단의 CRLF가 설정되어 있다면 클릭해서 아래와 같이 LF로 바꾸어준다.  

2. 기존 프로젝트에 이미 설정되어있는 값들이 있을수 있으니. eslintrc.js 파일의 rules에 아래 설정을 넣어준다. 

 rules: {
    'prettier/prettier': [
      'error',
      {
        endOfLine: 'auto',
      },
    ],
  },