본문 바로가기
반응형
Prettier 줄 바꿈 방지 및 해제하는 방법 VSC를 처음 사용할 때, 필수 익스텐션에 꼭 포함되는 코드 포맷터인 Prettier. 그만큼 정말 유용하게 사용하고 있지만 가끔 의도와 다르게 자동 줄 바꿈이 일어날 때가 있습니다. 이 글에서는 줄 바꿈을 방지하는 방법과, 저장 시 코드 포맷팅을 해제하는 방법을 알아보겠습니다. Print Width 늘리기 가장 간단한 방법은 Print Width를 늘려서 자동 줄 바꿈의 영역을 늘리는 것입니다. 맥은 cmd + shift + p, 윈도우는 ctrl + shift + p 키를 눌러 명령 팔레트를 실행시켜 줍니다. 그 다음 사용자 설정을 열어주고, 'print'를 검색한 후 Print Width를 조절하면 됩니다. 또는 .prettierrc 파일을 생성하여 옵션을 설정 해줘도 됩니다. .prettierrc.. 2023. 1. 3.
Prettier, ESLint 자동화하기 Prettier, ESLint로 협업 강화하기 글에 이어서 자동화를 시켜보자. 저번 글에서 설명한 것처럼 사용하지 않는 변수와 같은 '코드 품질' 검사는 ESLint에게 맡기고 '일관된 코드 스타일', '가독성'은 Prettier가 담당을 했다. 둘의 장점을 합쳐 통합까지 완료를 하고보니 매번 개발자가 명령어를 실행하기엔 비효율적이다. 이 효과를 제대로 보려면 자동화가 필요하다. 자동화를 하는 방법은 두 가지로 나뉜다. 깃 훅(Git Hooks)을 사용하는 방법 VS Code extension을 사용하는 방법 Git Hooks 깃(git)은 어떤 이벤트가 생겼을 때 자동으로 특정 스크립트를 실행하도록 할 수 있다. 다시 말해 깃 훅은 명령어 실행 전후에 특정 스크립트를 실행하게 만들 수가 있다. 이걸 좀.. 2021. 12. 27.
Prettier, ESLint로 협업 강화하기 협업을 위한 도구 협업에 있어 개발 외적으로는 적극적인 소통과 정보 공유, 사내 지식 문서화 등의 문화가 있다. 그렇다면 개발 내적으로는 어떤 것들이 있을까? 개발자마다 프로젝트 폴더의 구조, 코딩 스타일이 조금씩 다를 것이다. 이것은 협업 시 한 프로젝트에서 각기 다른 스타일의 코딩을 한다는 것을 의미한다. 이렇게 할 경우 추후 유지보수를 하기에 까다롭고 다른 팀원이 투입되거나 인수인계 시 서로 다른 코드 스타일에 당황하거나 어려움을 겪을 수 있다. 따라서 코드의 문법, 안티 패턴 검사와 함께 일관된 코드 스타일을 제공(formatting)하고 규칙을 정해주는 도구를 사용하는게 좋다. Prettier와 ESLint가 이에 해당한다. Prettier 프리티어(prettier)는 코드 포매터이다. pret.. 2021. 12. 24.
반응형