[개발 환경] Node.js , VS Code (+ extension)

1. Node.js 설치

https://nodejs.org/ko/download

Node.js는 JavaScript로 브라우저 밖에서 서버를 구축하는 등의 코드를 실행할 수 있게 해주는 런타임 환경

/* Node.js 버전 확인 */
node -v

2. VS Code 설치

https://code.visualstudio.com/

VS Code Extension

1. ESLint
JavaScript, JSX의 정적 분석 도구로 오픈 소스 프로젝트
코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일로 작성하도록 도움
2. Live Server
코드 수정으로 웹사이트의 변화를 실시간으로 확인 가능
3. Prettier
사용자 옵션에 따라 코드를 정렬
4. open in browser
웹페이지로 확인(Chrome으로 default값 설정)
5. vscode-styled-components
css를 따로 작성할 필요 없음
6. Simple React Snippets
기본적인 코드 틀의 자동완성으로 리액트 개발 속도를 높여줌
(스니펫 - https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets)