[리액트] 리액트 설치와 실행

1. 리액트 설치를 위해 node.js 설치가 선행되어야 한다. 

    설치 방법은 아래 내용을 참고 (아래 발행글에는 nodemon 설치 방법도 포함됨) 

[Node.js] npm 설치와 실행

2. node.js 가 설치되면 react 작업 폴더에서 cmd (또는 powershell) 를 실행하여 아래 명령어를 입력한다.

    npx create-react-app 프로젝트명 

설치 완료된 화면 ↓ 

3. 리액트에서 미리 보기 (go live) 를 하려면 terminal 에서 npm start 라는 명령어를 입력해주면 된다.

   (단, 폴더 경로에 주의할 것) 

이제 리액트 기본 셋팅은 완료되었다.

---

1. node_modules : 라이브러리 코드 보관

2. public : html, img 등의 파일 보관

3. src : 소스 코드 보관 (App.js 에서 소스코드 작성)

 

package-json : 프로젝트의 정보 기록 (프로젝트명, 버전, 라이브러리 등 ..)