Style Guide

Airbnb JavaScript 스타일 가이드. Contribute to parksb/javascript-style-guide development by creating an account on GitHub.

HTML은 페이지의 기본 골격을 구성하며 CSS는 마크업 언어가 어떻게 보일지를 정의한다.이 둘은 서비스 성능 및 접근성과 밀접하게 연관되어 있다. 즉, HTML와 CSS를 잘 작성해야 모든 브라우저가 콘텐츠를 손실 없이 동일하게 표현할 수 있다. 이 가이드는 일관성 있는 코드를 작성하여 작업자 간 공유를 쉽게 하고, 유지보수 및 확장 비용 최소화를 목표로 한다.

이번에는 리액트 개발을 할 때 사용하면 편리한 도구들에 대하여 알아보도록 하겠습니다. 이번에 다루게 되는 도구들은 모두 VS Code 와 연동해서 사용하는 도구들인데요, 이 도구들은 VS Code 만 지원 하는 것이 아니라 WebStorm, Atom 등의 에디터에서도 사용이 가능하니, 만약 VS Code 가 아닌 에디터를 사용하고 계신 경우 따로 검색해서 적용해보시길 바랍니다.

ESLint 는 자바스크립트의 문법을 확인해주는 도구이다. npm i -g eslint로 eslint를 설치하고 eslint --init 명령어를 실행한 후, 아래와 같이 몇가지 설정 조건에 대해 선택하면 .eslintrc.json 파일을 자동으로 생성해준다. VS Code 익스텐션에서 eslint를 검색하여 설치하면, 코드에디터에서 바로 eslint 검사결과를 표시해준다.