오랜만에 프로젝트 수정할 것이 생겨서 Vscode를 들어갔는데 살면서 처음 보는 화면이 나를 반기고 있었다.
[##Image|kage@DhhXV/btsiO5bMog9/6rTiz45e34TUFUcmJXEyD0/img.png|CDM|1.3|{"originWidth":1917,"originHeight":1017,"style":"alignCenter"}##]
줄 바꿈 되어있는 모든 부분에 빨간 줄 표시가 되어있었고, error 설명은 "Expected linebreaks to be 'LF' but found 'CRLF'." 이였다.
사실 줄바꿈 방식에 이런 것이 존재하는지도 몰랐고, 관심도 없었지만 이러한 두 가지 방식이 있었고 CRLF방식을 사용하고 있었을 내 프로젝트가 LF로 바뀐 이유로 다음과 같은 오류가 발생한 거 같다. vscode에서 LF로 바꾸는 법은 간단하다.
[##Image|kage@lsF3z/btsiJzZlOsz/0R6MOqDbasgCK2A1krI56K/img.png|CDM|1.3|{"originWidth":620,"originHeight":52,"style":"alignCenter"}##]
다음과 같이 우측 하단바에 있는 CRLF를 눌러 LF로 바꾸면 된다. 하지만 그러면 모든 파일마다 이 일을 해야하는데, 솔직히 파일이 너무 많아하기 싫어 방법을 찾아보았다.
"rulse":{
"linebreak-style": 0,
}
.eslintrc.json에 이 코드를 작성하니 잘 되었다.