김재욱의 이모저모

[Error] Expected linebreaks to be 'LF' but found 'CRLF'. 본문

Front-end

[Error] Expected linebreaks to be 'LF' but found 'CRLF'.

kjyook 2023. 6. 6. 22:53
728x90

오랜만에 프로젝트 수정할 것이 생겨서 Vscode를 들어갔는데 살면서 처음 보는 화면이 나를 반기고 있었다.

줄 바꿈 되어있는 모든 부분에 빨간 줄 표시가 되어있었고, error 설명은 "Expected linebreaks to be 'LF' but found 'CRLF'." 이였다.

CRLF

  • Windows 시스템에서 주로 사용된다.
  • 줄 바꿈을 나타내는 데에는 Carriage Return (CR, '\r')와 Line Feed (LF, '\n') 두 개의 문자가 사용된다.
  • 예시: Hello\r\nWorld\r\n

LF

  • Unix 및 Linux 시스템에서 주로 사용된다.
  • 줄 바꿈을 나타내는 데에는 Line Feed (LF, '\n') 문자 하나만 사용된다
  • 예시: Hello\nWorld\n

사실 줄바꿈 방식에 이런 것이 존재하는지도 몰랐고, 관심도 없었지만 이러한 두 가지 방식이 있었고 CRLF방식을 사용하고 있었을 내 프로젝트가 LF로 바뀐 이유로 다음과 같은 오류가 발생한 거 같다. vscode에서 LF로 바꾸는 법은 간단하다.


다음과 같이 우측 하단바에 있는 CRLF를 눌러 LF로 바꾸면 된다. 하지만 그러면 모든 파일마다 이 일을 해야하는데, 솔직히 파일이 너무 많아하기 싫어 방법을 찾아보았다.

"rulse":{
	"linebreak-style": 0,
    }

.eslintrc.json에 이 코드를 작성하니 잘 되었다.

728x90