[구름IDE/REACT] 구름IDE 환경으로 리액트 시작하기#2

[구름IDE/REACT] 구름IDE 환경으로 리액트 시작하기#1

지난번글에 이어서 구름 IDE에서의

리액트환경 구축을 계속 진행해보겠습니다

 

---

create-react-app모듈을 추가해야하기 때문에

터미널에  npm install -g create-react-app 를 입력합니다.

 

(프로젝트명이 #1번글과 다른건 다시 생성했기때문..)

 

설치가 완료되면 리액트 앱을 생성합니다.

터미널에 create-react-app react-pre 를 입력합니다

위 "react-pre"부분은 프로젝트명으로 본인이 원하는 명을 입력하시면 됩니다.

앱 생성이 완료되면 해당 앱 경로로 이동하여

npm start 명령어를 통해 앱을 시작하시면 됩니다.

 

위와같은 문구가 뜬다면 정상적으로 실행된것입니다

 

---

하지만!! 위에 있는 주소로 아무리 접속해봤자 접속이 안될겁니다

 

실제 화면을 보기위해서는 

프로젝트 - 실행 URL과 포트를 선택

해당 URL을 주소창에 입력하거나 

브라우저 보기 아이콘을 클릭하여 확인할 수 있습니다

 

위와 같이 정상실행된 브라우저 화면을 보실 수 있습니다

 

---

이렇게 "구름IDE" 를 이용하여 리액트 환경구축을 해보았습니다

다음 포스팅에서는 기존 환경에 GIT을 연동하는 방법을 포스팅 하겠습니다.

감사합니다