doeunn.log

🚀 Prettier, Eslint, Husky ? Prettier와 Eslint는 일정한 규칙에 맞는 코드 퀄리티 및 스타일을 유지할 수 있게 검사해주는 도구이며, husky는 깃 커밋, 푸시 전에 알아서 Prettier와 Eslint 검사하는 명령어 자동으로 실행할 수 있게 하는 역할입니다. Prettier 깔끔한 코드와 협업을 위해선 일관성 있는 코드 스타일을 유지하는 것이 매우 중요합니다. Prettier는 일관적인 코드 스타일을 유지할 수 있게 도와주는 툴입니다. 그래서 여러 설정이 존재하지만 주로 줄 바꿈, 공백, 들여 쓰기 등과 같은 스타일을 교정해줍니다. 만약에 항상 singleQuote를 사용하겠다고 설정하면 doubleQuote를 사용해도 저장하는 순간 모두 singleQuote로 알아서..

▶prettier&eslint 설정하기 1. prettier와 eslint에 대해 알아보기 prettier prettier란 모든 코드가 일관된 스타일을 준수하도록 만들어주는 도구입니다. 저장을 누르게 되면 자동으로 설정한 스타일에 맞게 포맷됩니다. eslint eslint는 자바스크립트 코드에서 발견되는 문제시되는 패턴들을 식별하기 위한 정적 코드 분석 도구입니다. 내가 설정한 부분에 대해서 에러나 경고문으로 알려주게 됩니다(에러로 띄울지 경로로 띄울지도 설정 가능합니다). 💡공통점💡 협업시 모든 페이지의 포맷과 lint과 설정한 포맷 형태로 맞춰지기 때문에 동등한 코드 컨밴션을 가지고 작업을 할 수 있게 해줌! → prettier와 eslint는 효율적인 협업을 위해서 꼭 필요하다! 2. pretti..