인스타클론 - react 세팅

CRA 설치

npx create-react-app <project명>

• src 폴더
  • components 폴더
  • styles 폴더
    • reset.scss
    • common.scss
  • pages 폴더
    • signin.js
    • Signup.js
    • Main.js
  • index.js
  • Router.js (원래 App.js)
  • images
• public 폴더

React Router

설치하기

npm install react-router-dom --save

page 이동하는법

• Link 컴포넌트
  : dom에서 a태그로 변환된다 (무조건 이동하기때문에 조건이 필요한 로그인버튼에 사용하면 안된다)
• withRouterHOC
  : 요소에 onClick 이벤트를 달아서 이동하고 싶은 곳으로 넘기는 방법

sass 설치

npm install  sass --save

백엔드에 요청할 정보

1. api주소
2. body안에 들어갈 key값
3. 꼭 필요한 값, 없어도 되는 값 ?

• form써서 생기는 page 리로딩 문제 해결

e.preventDefault();