리액트는 자바스크립트 라이브러리 중 하나이고,
싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다.
필자는 윈도우 운영체제에서 vscode를 통해 환경을 세팅할 예정이다.
리액트 프로젝트를 자동으로 생성하기 위해 node.js 의 도움을 받아야 하는데,
수동으로 파일을 다운로드 하여 설치할 수 있지만 아래의 링크에서 choco 명령어로도 다운받을 수 있다.
https://nodejs.org/en/download/package-manager
chocolatey 가 깔려있다면 위와 같은 명령어를 입력하여 쉽게 nodejs를 설치 & 확인 할 수 있다.
chocolatey는 설치해두면 사용하는 곳이 많으니 설치 하는 것을 권장 한다.
그런 다음
npx create-react-app [프로젝트명]
명령어를 vscode 터미널에서 입력해주면 지정한 프로젝트명으로 폴더가 생기게 된다.
그런 다음 아래와 같이 명령어를 입력하면
cd [프로젝트명]
npm start
이러한 웹페이지가 열리는 것을 볼 수 있다.
만약 npm start 입력 후
(node:13348) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. (Use `node --trace-deprecation ...` to show where the warning was created) (node:13348) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
이러한 오류가 난다면 아래의 링크를 참고하길 바란다.
