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

Question

windows에서 vscode에서 typescript를 사용하시다 보면 아래와 같이 delete 'cr'이라고 계속 빨간 글씨가 떠서 눈에 거슬리는 경우가 있습니다. 해결책 : eslintrc.js파일에 가셔서 아래와 같이 rules에 추가한 후 저장해 주시면 됩니다. 긁어서 eslintrc.js파일의 하단의 rules에 추가해 주세요 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ],

otter · Answer

안녕하세요 똑같이썼는데안돼님! 문제가 해결되어서 다행입니다!   추가적으로 해당 문제가 발생한 이유와 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에 맞는 줄바꿈 방식을 자동으로 적용시킬 수 있도록 해준 것입니다. 좋은 정보 공유 감사드립니다! :)