React

• 기초 강좌 : https://nomadcoders.co/react-for-beginners
• 생활코딩 강좌 : https://www.opentutorials.org/course/4900
• react-icon : https://react-icons.netlify.com

1. NodeJs 설치

• npm : node 패키지 관리자

node -v
npm -v
npx -v

2. Yarn 설치

• npm 대신 사용할 수 있는 패키지 관리자

yarn -v

3. editor

• VS Code 사용
• Extentions : ESLint: 자바스크립트 문법 및 코드 스타일을 검사해 주는 도구
• Extentions : Reactjs Code Snippets
• Extentions : Prettier-Code formatter: 코드 스타일을 자동으로 정리해 주는 도구

4. react app 생성

• npx 나 yarn으로 생성

npx create-react-app app_name
yarn create react-app app_name

5. react app 실행

• npm 나 yarn으로 실행
• 생성 app으로 이동해서 실행

npm start
yarn start