환경 설정 및 설치

• node.js 설치
  • 버전 확인 : cmd에서 node -v
  • 링크 : https://nodejs.org/ko
• yarn 설치
  • 버전 확인 : cmd에서 yarn --version
  • 링크 : https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable
• postman 설치
  • 링크 : https://www.postman.com/
• vs코드 설치
  • 도움 되는 확장 프로그램
    • ESLint : js문법 및 코드 스타일 검사
    • Reactjs Code Snippets : 리액트 컴포넌트 및 라이프 사이클 함수를 작성할 때 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해낼 수 있음 ( 제작자 charalampos karypidis )
    • Pritter-Code-formatter : 코드 스타일을 자동으로 정리해 주는 도구
• git bash 및 git desktop 설치
• 프로젝트 생성하기
  • create-react-app 으로 프로젝트 생성
  • create-react-app은 프로젝트를 생성할 때 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 바로 간편하게 프로젝트 작업환경을 구축해주는 도구
  • cmd 에서 npx create-react-app "프로젝트 이름" 입력
  • 프로젝트 생성 후 cmd 에서 생성한 폴더로 들어가서 yarn start로 실행
• 혹시 'react-scripts' is not recognized as an internal or external command, operable program or batch file.                    ( git clone 시 )
  • 해당 오류 발생 시 react script 파일이 누락된 경우이니 cmd 에서 수동 설치
  • npm install react-scripts --save