줄 바꿈 CRLF, LF 문제 해결

정의

• CRLF
  • 캐리지 리턴 + 줄 바꿈
  • \r\n
• LF
  • 줄 바꿈
  • \n

문제 상황

• .editorconfig와 개발 툴을 사용해서 CRLF를 LF로 바꿔야 한다.
• WebStorm과 달리 VS Code에서는 .editorconfig를 기본적으로 사용하지 않는다.
• CRLF를 LF로 바꾸고 싶으나 코드를 최소한으로 수정해서(개발 툴을 사용해서) 원하는 결과를 얻고 싶다.

목표

1. 파일 하나만 CRLF 에서 LF로 바꾸기
2. VS Code 설정으로 줄 끝 문자 변경하
3. 확장 프로그램 사용하기
4. Git 설정으로 CRLF 방지하기

1. 파일 하나만 CRLF에서 LF로 바꾸기

• 단계:
  1. 변환하고 싶은 파일을 VS Code에서 연다.
  2. 오른쪽 하단에 현재 줄 끝 문자가 표시된다 (예: CRLF 또는 LF).
  3. CRLF을 클릭하면 LF로 변경할 수 있는 옵션이 나타난다. LF를 선택.
  4. 파일을 저장(Ctrl + S)하면 LF로 변환된다.

2. VS Code 설정으로 줄 끝 문자 변경하

• 단계:
  1. VS Code를 열고 왼쪽 하단의 톱니바퀴 아이콘(설정)을 클릭하거나 Ctrl + , (Windows) / Cmd + , (Mac)를 누른다.
  2. 검색창에 Files: Eol을 입력한다.
  3. Files: Eol 설정에서 기본값(\r\n, CRLF)을 \n (LF)으로 변경한다.
• 효과: 이후 저장하는 모든 파일이 LF로 저장된다.
  • 따라서 yarn format 등을 사용해서 저장하면 모든 파일이 자동으로 LF로 저장된다.

3. 확장 프로그램 사용하기

• EditorConfig for VS Code 확장 프로그램을 설치한다.
• .editorconfig 파일을 만든다. (현재는 이미 만들어져 있음)

root = true
[*]
end_of_line = lf

4. Git 설정으로 CRLF 방지하기

• .gitattributes 파일을 생성한다.

* text=auto eol=lf

• Git 설정 변경

git config --global core.autocrlf false