2022/10/13 - TIL

요번주 화요일부터 미니프로젝트를 진행했는데, 자꾸 git add를 할 때마다 LF로 바꾸라는 이야기가 나왔다. 오늘 전체적인 CSS 수정을 위하여 다른 사람들과 코드를 merge를 하는 도중에 eslint에서 많은 빨간줄(eslint가 봤을 때 문제가 있다고 생각하는 것)이 나왔었는데, 원인은 위에서 이야기한 LF와 CRLF에 대한 문제였다. 오늘은 LF와 CRLF의 차이가 무엇이고 어떻게 해결하는지 알아볼 것이다.

LF?

아래 줄로 이동 하는 것이 Line Feed(LF)

CR?

쪽 끝으로 밀어 주는 것이 Carrige Return(CR)

CRLF는 이둘을 더한 (CR + LF)이다.

두가지의 선택지가 있다면… LF CRLF 왜 다른 컴퓨터마다 다르게 나올까?

Linux와 같은 유닉스 계열은 LF, WIndow는 CRLF를 사용한다. 지금 미니 프로젝트에서 같은 팀원이 맥1명, 윈도우 2명이 있있기 때문에 LF, CRLF 충돌이 있었다.

LF vs CRLF 어떤 것을 사용할까?

다양한 코딩컨벤션 규칙과 개발자들에게 일관적인 코딩 스타일을 유지할 수 있게 도와주는 툴인 Prettier에서는 CRLF대신 LF사용을 권고한다.

LF를 사용하는 이유는 협업때문인데 CRLF와 LF의 바이트 코드가 다르기 때문에 형상관리 툴에서 다른 코드로 인식함으로 Commit할 때 줄바꿈 타입이 다른 경우 변경하지 않은 파일에 대해서도 변경된 것으로 인식하기 때문에 LF로 통일합니다.

.eslintrc.json에

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

다음을 추가하면 vscode에서 cr문제를 해결할 수 있다