[eslint] Expected linebreaks to be 'LF' but found 'CRLF' 이슈

본문에서 말하려는 이슈는 위와 같은 이슈를 말하는 것이다.

 

eslint에 대해서는 다음 기회에 상세히 서술할 예정이니 오늘은 eslint를 알고 있다는 전제 하에 글을 이어 간다.

eslint는 간략하게 말하자면, 자칫 잘못하면 중구난방으로 작성될 수 있는 자유분방한 언어인 Javascript를 조금 더 엄격하게 관리하기 위한 문법적 규칙을 얘기한다.

 

위 이슈는 문서에 작성 된 코드의 개행 문자가 CRLF 방식으로 작성 되었기에 뱉는 에러인데, 왜 CRLF를 에러로 다룰까?

운영 체제별로 파일을 다루는 방식이 다르듯, 개행 문자도 서로 다르게 취급되는데, 리눅스, Mac OS 등의 운영체제는 LF 방식을 지원하며, Windows는 CRLF를 기본으로, LF도 지원한다. 그렇기 때문에 맥, 리눅스, 윈도우가 모두 지원하는 LF를 기준으로 코드를 작성하라는 의미에서 뱉는 에러인 것이다.

 

사실 이를 처리하기 위한 방법은 간단한데,파일마다 들어가서 개행 문자 규칙을 변경하면 된다.

하지만 이 방법은 파일 한 두 개로 만들어진 프로젝트일 때나 가능한 방법이지, 평범한 상황에서는 불가능에 가깝다.

이럴 때는 npm의 다음과 같은 기능을 이용해보자.

npm run lint --fix

다음 명령어를 치고나면 놀랍게도 개행 오류가 해결된 모습을 볼 수 있다.