[React 기초]React 설치 하기

1. Node.js와 vs code를 설치한다.

2. react 폴더를 생성한다. 

3. Terminal -> new terminal 클릭 후 cmd 창을 선택한다.(powershell을 선택하면 오류 발생)

4. cmd 창에 npx create-react-app 프로젝트 이름 명령어 입력하고 엔터 누르기

react 설치 과정

설치 완료 화면

완료되면 Happy hacking! 이라는 문구가 뜬다.

 

---

App.js 파일을 조작하여 텍스트를 변경할 수 있다.

App.js 파일 -> terminal -> new terminal -> npm run start 명령어 입력

Learn React 부분을 다른 텍스트로 바꿀 수 있다.

 

App.js의 a부분 텍스트를 변경하면 그대로 반영이 된다.

 

리액트 라이브러리와 일반 html, css 문서를 작성할 때의 차이점:

vs code에서 html, css 문서를 작성하면 저장 후 창이 새롭게 새로고침이 된다. 하지만 리액트는 창이 새로고침이 되지 않고도 변경된 내용이 그대로 반영된다.