지난 프로젝트에서 여러명의 개발자들과 작업을 진행할때 사용하였던,
Eslint와 Prettier를 사용하여 여러명의 개발자들과의 코드 통일성과 문법 오류 자동으로 고쳐주는 편리성에 대해 작성해보겠습니다.
ESLint
ESLint는 자바스크립트 문법검사를 해주는 것으로 알려져 있습니다.
vs code Extensions에서 ESLint로 검색하셔서 설치하면 됩니다.
extention에서 설치하면 문법에 맞지 않게 작성된 코드들은 빨강색 밑줄로 표시 됩니다.
참고로 지난 프로젝트는 eslint-config-airbnb을 사용하였습니다.
Prettier
Prettier는 자동으로 코드 스타일을 정래 해주기 때문에 한 프로젝트에서 여러명의 개발자분들이 작업할 경우 코트 스타일의 통일성을 갖게 됩니다.
vs code Extensions에서 Prettier 설치하면 됩니다.
셋팅 페이지에서 단축키 Ctrl + , 입니다.
format javascript 검색 후 foramt:Enavle을 해제.
format on save 체크.
이런식으로 코드정리를 하고,
프로젝트에서 요구하는 기준에 맞춰 커스터마이징을 통해 진행하게 될 것 같습니다.
javascript console utils,
html to JSX,
Bracket Pair Colorizer,
Output Colorizer,
Rainbow Brackets,
REST Client,
React/Redux/react-router Snippets,
Material Icon Theme,
Color Highlight,
Document This,
IntelliSense for CSS class names in HTML,
Output Colorizer,
Prettier - Code formatter,
Rainbow Brackets,
REST Client,
Sort JSON objects,
React/Redux/react-router Snippetsm,
Atom One Dark Theme,
Material Icon Theme,
Bracket Pair Colorizer,
