Delete `␍` prettier/prettier 에러 해결 방법 (VS Code)

상황

vs 코드 사용중 프리티어 설치를 하고 나서 이런 오류가 뜨는 경우가 가끔 있다

저 오류를 해결하기 위해 줄바꿈을 해결하고 깃푸시를 하면
실제 같이 프로젝트 하는 사람들의 화면에서는 모든 코드에 줄바꿈이 바뀌어있는 현상이 발생해버린다

단순 줄바꿈 오류라서 그냥 무시해도 되긴 하지만 개발자 입장에서는 저런거 하나하나가 굉장히 신경쓰이기도 하고, 찜찜해서 chat gpt 로 물어보면서 디버깅을 시작해 보았다.

라고 알려줘서 세팅을 하고 다시 시작을 해보았지만 여전히 해결되지 않았다.

다시 해결법을 찾기위해 구글링후 바로 답을 찾을 수 있었다

출처 : https://firsteast.tistory.com/148
출처 : https://improvisation.tistory.com/entry/Delete-%E2%90%8D-prettierprettier-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-VS-Code

해결방안

1.파일마다 적용

CR : Carriage Return (\r)

LF : Line Feed (\n)

개행 문자와 관련된 에러이다.

윈도우에서는 CRLF, 유닉스/맥에서는 LF를 사용한다.

문제가 생긴 파일의 CRLF에서 CR을 삭제한 -> LF 로 바꿔주면 된다!

하지만 이 방법은 파일마다 적용해줘야해서 번거롭다.

2. .eslintrc.js 에서 설정을 추가

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

eslintrc 파일안에 rules 부분에 위 json 코드를 추가해주면 된다.