Node.js & yarn
brew를 통해 node.js와 yarn을 설치
프로젝트 생성
vscode의 터미널창에서
yarn create-react-app <프로젝트 이름> 을 입력하여 프로젝트 생성
생성 후에 프로젝트 폴더로 이동하여 npm start로 프로젝트 서비스를 실행
ESLint
문법 검사 도구로 vscode의 마켓 플레이스에서 설치
Prettier
코드 스타일 자동 정리 도구로 ESLint와 동일하게 vscode의 마켓 플레이스에서 설치
프로젝트의 root 경로에 .prettierrc 라는 설정 파일을 생성하여 설정 값들을 조정
설정값은 내 취향에 맞춰 조정 🙂
"printWidth": 120,
"semi": true,
"singleQuote": true,
"tabWidth": 4,
"trailingComma": "all",
"useTabs": true,
"endOfLine": "auto"Snippets
자동 완성을 위해서 설치!! 너무 좋다 😍
리액트를 다루는 기술(개정판)을 정독하면서 서술한 내용입니다.
🙃