• 카테고리

    질문 & 답변

  • 세부 분야

    백엔드

  • 해결 여부

    해결됨

Delete 'CR' eslint 표시 없애기 공유(windows사용자)

23.01.30 15:48 작성 조회수 770

3

windows에서 vscode에서 typescript를 사용하시다

보면

아래와 같이 delete 'cr'이라고 계속 빨간 글씨가 떠서

눈에 거슬리는 경우가 있습니다.

cr제거 전.jpg

해결책 : eslintrc.js파일에 가셔서 아래와 같이

rules에 추가한 후 저장해 주시면 됩니다.

cr제거 후.jpg

긁어서 eslintrc.js파일의 하단의 rules에 추가해 주세요

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

 

course-thumbnail

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

Nest.js - GraphQL 연결

강의실 바로가기

답변 1

답변을 작성해보세요.

2

otter님의 프로필

otter

2023.01.31

안녕하세요 똑같이썼는데안돼님!

문제가 해결되어서 다행입니다!

 

추가적으로 해당 문제가 발생한 이유와 delete 'cr'라는 문구의 의미를 알려 드리고자 합니다.

이는 OS 별로 줄바꿈을 하는 방식이 상이하기 때문에 발생하는 문제입니다.

줄바꿈 방식은 CR, LF, 그리고 이 둘을 조합한 CRLF 방식이 존재합니다.

CR과 LF라는 단어는 타자기에서 유래된 단어인데, 각 Line Feed(LF), Carrige Return(CR)의 약자입니다.

줄바꿈시에 커서를 아랫줄로 이동시켜주는 것이 LF, 왼쪽 끝단으로 이동시켜 주는 것이 CR이죠.

 

Linux 기반의 OS(macOS, Ubuntu 등)은 LF를 default로 사용하고

Windows OS에서는 CR 그리고 CRLF를 default 값으로 사용하게 됩니다.

 

prettier 2.0 이상 버전에서는 줄 바꿈 방식으로 LF를 사용하여 코드를 체크하고 있습니다.

때문에 Windows OS에서 줄바꿈을 하게 되었을 때, 입력된 CRLF를 캐치하여 앞에 존재하는 CR 방식을 제거하란 의미로 delete 'CR'과 같은 문구가 출력된 것이죠.

 

이를 해결하기 위해서 똑같이썼는데안돼님께서 사용하신 방법은 각 OS에 맞는 줄바꿈 방식을 자동으로 적용시킬 수 있도록 해준 것입니다.

좋은 정보 공유 감사드립니다! :)

이 글과 비슷한 Q&A