React

목차

1. 리액트장점
2. 리액트 환경설정
   
3. 프로젝트

• 블로그
  
• 쇼핑몰

1.리액트의 장점

---

1. 페이지의 전환이 자유로운 사이트를 만들 수 있다.
   

2. componet로 html을 재사용가능하다.
   

3. 데이터가 html에 자동반영된다.
   

2. 리액트 환경설정 방법

---

1. 노드js를 검색한후 최신버전을 설치한다.

2. 바탕화면에 "리액트"라는 폴더를 만든다.

3. 만든폴더를 shift + 마우스 우클릭을 눌러 파워쉘로 열기를 클릭한다.

4. 이제 파워쉘을 열고 npx create-react-app my app을 친다. 5.happy hacking이라는 문구가 나오면 준비완료.

6.vscode로 들어가서 만들어진 폴더를 열어 source => app.js => terminal 클릭.

7.react는 실시간 스트리밍이 지원이 되는데 termianl에서 cd 본인의 파일명(ex cd playlist)을 입력

8.즐거운 리액트 공부 시작

3. 프로젝트

---

좋아하는 음악 장르를 설정하고 나이 성별
오늘의 기분을 입력하면 본인의 취향에 맞는 노래를 추천해주는 페이지 제작