[React] 간단한 테스트 사이트 만들기 - 프로젝트 생성하기

Json Data를 제공하는 간단한 웹 사이트를 만들려고 한다.

 

 

1. 프로젝트 생성하기

 1) npx create-react-app testHome

 - vscode에서 terminal을 실행해 npx create-react-app 명령어를 통해 프로젝트를 생성한다.

 - 이 때 npx가 깔려있지 않은 경우, install npx에 대한 여부를 묻는다. y를 입력하여 설치하자.

 

 

E:\workspcae>npx create-react-app test_home

Creating a new React app in E:\workspcae\test_home.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


  cd test_home
  npm start

Happy hacking!

  - 성공적으로 npx가 설치되고, 리액트 프로젝트가 생성되면 위와같이 cd, npm 명령어를 보여준다.

  - cd를 통해 디렉토리 이동 후, npm 명령어를 실행해보자.

 

 

 2) npm start

  정상적으로 start 되고 나면, 아래와 같이 react 화면이 열린다.