728x90

기존에 node.js 설치 상태에서 시작한다.

cmd에서 react 생성하기

 

관리할 수 있는 폴더 생성

 

해당 폴더를 열어 경로 앞에 cmd를 치고 엔터를 쳐서 cmd 창을 연다.

 

열린 cmd 창에서 npm-install -g create-react-app를 친다. 전체적인 환경설정, 리액트를 쓸 수 있는 라이브러리를 받는 과정이다.
create-react-app test01을 쳐서 test01 프로젝트를 생성한다.
해당 내용을 보면, npm start를 명령어를 작성하라고 한다.

react는 자체적인 서버를 가지고 있으며, 기본적으로 3000번 포트를 가지고 있다.

생성한 test01로 이동한 후,
npm start를 쳐서 실행을 시킨다.
그럼 다음과 같이 웹 창이 뜬 것을 확인할 수 있다.
여기서 F12키를 누르고, Console에 들어가서 직접 작성한 코드를 log로 출력할 시 여기에서 확인 가능하다.
서버를 죽이고 싶을때, 아까 실행한 cmd창에서 Ctrl+C를 친다. y를 쳐서 yes라고 한다.

728x90

'웹 full stack 교육 > 이론' 카테고리의 다른 글

[React] vscode 시작하기  (0) 2021.10.13
[AWS] 세팅 및 원격 접속  (0) 2021.10.07
[docker] network 연결  (0) 2021.10.06
[docker] tomcat, mysql 배포  (0) 2021.10.05
[JavaScript] reduce  (0) 2021.10.02

+ Recent posts