꾸준히 개발하기

깃에서 클론 받아와서 VS code로 열어 작업을 시작하자마자 빨간줄이 그어지며 뜬 에러 메세지였다. 자주 발생하는 에러여서 한번 블로그에 정리해두려고 한다.

먼저 해결 방법은 프로젝트 내 .prettierrc.js 내용에 마지막 줄을 추가하여 해결해줄 수 있다. 

module.exports = {
  arrowParens: 'avoid',
  bracketSameLine: true,
  bracketSpacing: false,
  singleQuote: true,
  trailingComma: 'all',
  endOfLine: auto,
};

윈도우를 사용한다면, endOfLine은 git 구성을 기반으로 CRLF가 될 수 있다고 한다. Linux 기반의 운영체제는 줄바꿈을 위해 LF값을 사용한다. prettier 2.0 이상 버전에서는 줄 바꿈 값으로 LF를 사용하는데 윈도우는 엔터키를 누를 경우 CRLF 방식으로 줄 바꿈이 이루어지기 때문에 CR을 제거한 후 LF를 사용하라는 에러가 나타나는 것이다.  따라서 endOfLine이라는 에러가 발생했을 때 운영체제 별로 서정된 값을 알아서 사용하라는 

endofLine : auto,

 구문을 설정에 추가해주면 된다.

* CRLF : CR + LF가 합쳐진 것

- CR (Carriage Return) : 현재 라인에 커서를 뒀다가 맨 앞으로 옮기는 것 (\r)

- LF (Line Feed) : 커서의 위치는 그대로 두고 한 라인을 위로 올리는 것 (\n)

https://prettier.io/docs/en/options.html#end-of-line