[React] 개발환경 구축

React 공부를 할 때 우선 개발 환경을 구축합니다.
이번에는 AWS의 Cloud9에 환경을 구축하는 절차를 소개합니다.
현재는 앱 작성까지입니다만, 향후 추기해 나갈 예정입니다.

환경

OS: Amazon Linux

Node.js : v10.18.0

npm:6.13.4

이하, 각 소프트웨어의 초개요
Node.js
서버 측에서 동작하는 JavaScript 플랫폼.

npm
Node.js의 모듈을 관리하는 도구.

절차

Create React App 에서 React 애플리케이션 만들기

콘솔

npx create-react-app [アプリ名]

잠시 기다리면 다음 로그가 표시되고 설치 완료

설치 완료 로그

Happy hacking!

어플리케이션명의 디렉토리가 생성되고 있기 때문에, 거기에 이동 후, 어플리케이션을 기동한다.

콘솔

cd [アプリ名]
npm start

preview → Preview Running Application 를 선택하고 다음 화면이 나타나면 응용 프로그램 실행 성공.

덤

다음과 같은 오류가 표시되면 응용 프로그램 내에서 오류가 발생합니다.


https의 경우, WebSockets over SSL을 사용하지 않으면 안되는 곳을 WebSockets를 사용하고 있기 (위해)때문에 에러가 발생하고 있는 것.react-script 의 버전 3.3.0 에서 발생하고 있는 디그레 때문에, 일단 3.2.0 에 다운그레이드 할 필요가 있다.
※자신의 환경에서는 3.3.0 가 되어 있었다.

대응 내용

npm install [email protected]

참고 링크
htps : // 기주 b. 코 m / 후세 보오 k / c Rete-Rea ct-p / Issue s / 8075
htps : // 기주 b. 코 m / 후세 보오 k / c Rete-Rea ct-p / Put l / 8079

수정

· Node.js의 설명이 여러 가지 이상했기 때문에 수정
· おまけ의 설명을 검토하십시오.