What?

React Project - Shop
React Router	BrowserRouter	HashRouter	Route
styled-components	Sass

React Router
- 여러가지 페이지를 만들고 싶다면 사용
- nreact-router-dom 라이브러리 이용
- 각각의 페이지를 보여주는게 아니고 HTML 내부 내용을 갈아치워서 다른 페이지처럼 보여줌
BrowserRouter
- 라우팅을 리액트가 아니라 서버에게 요청할 수도 있음 (위험)
- 서버에서 서버 라우팅 방지하는 API를 따로 작성해둬야함
HashRouter
- 라우팅 안전하게 할 수 있게 도와줌
- 사이트 주소 뒤에 #이 붙으며 #뒤에 적는 것은 서버로 전달 X
라우팅
- 여러 태그들 import 필요 (Link, Switch, history..)
- 원하는 곳에 태그를 작성
- 서버에서 사이트 구성에 필요한 데이터 받아온 후 HTML로 보여줌
- 안에 path와 path 방문시 보여줄 HTML 적으면 됨
- URL 파라미터로 상세페이지 만들기
- 데이터는 항상 위에서 아래로 흘러야함
styled-components
- class 선언없이 컴포넌트에 CSS를 직접 장착
Sass 문법
- 변수, @import, nesting, extends, @mixin/@include

How?