2022.06.01

1. 코드리뷰 할 때 여러 줄 드래그 하는 법.

 

+를 잡고 쭉 잡아땡기면 가능했다. 기억이 안날 때는 밑에 블로그를 참조하자.

 

https://velog.io/@dramatic/GitHub-%EC%BD%94%EB%93%9C-%EB%A6%AC%EB%B7%B0-%EC%82%AC%EC%86%8C%ED%95%9C-%EA%BF%80%ED%8C%81

GitHub 코드 리뷰 사소한 꿀팁

 

 

 

2. eslint-plugin-prettier  는 가급적 사용하지 말자.

 

https://yrnana.dev/post/2021-03-21-prettier-eslint

prettier와 eslint를 구분해서 사용하자

위 블로그 글을 보면 eslint-plugin-prettier 는 포맷팅 문제도 오류로 출력되어 오류 메시지가 지나치게 많아지며 느리다고 한다.

eslint-config-prettier가 더 낫다고 한다. 이는 eslint에서 prettier와 충돌할 수 있는 rule을 꺼버리는 것인데 코드 오류를 잡는데는 eslint, 코드 포맷팅에는 prettier를 사용하는 방법이다.

 

 

 

3. CRLF 그리고 LF 관련 에러 

 

한 팀원 분이 CRLF, LF 관련 에러를 겪으셔서 이번에 처음 알게되었다.

나는 Mac 유저기에 이 부분은 잘 몰랐다. 

Windows에서는 기본 줄넘김 값을 CRLF로 사용하고, Prettier v2부터는 LF로 기본 설정이 되어있기에

ESlint에서 줄넘김 값에서 대한 에러를 표시하는 문제였다.

이를 해결하기 위해서는 하단의 코드를 eslint.js파일의 rules에 추가해주어야 했다. 

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

이와 관련된 자세한 블로그 글이 있어서 공유하려고 한다. (작성주신 블로그 주인님 감사합니다.)

 

https://velog.io/@jakeseo_me/LF%EC%99%80-CRLF%EC%9D%98-%EC%B0%A8%EC%9D%B4-Feat.-Prettier

LF와 CRLF의 차이 (Feat. Prettier)

 

하단의 이미지는  나의 스터디 팀원 중 한명이 너무나도 정리를 잘 해주셔서 첨부한다.

우리 프로젝트 팀원들 모두 너무 자랑스럽다.