react-router-dom2

• 

  [React&node.js] 간단한 쇼핑몰사이트 구현 해보기 (1) 우선 1차 목표는 프론트엔드만 사용해서 react로 간단한 쇼핑몰을 구현해보기로 했다. react-router-dom을 이용해서 백엔드 없이 url 이동을 가능하게 할 것이고, 어느정도 틀이 잡히고나면 나머지 로그인, 회원가입 데이터베이스 관리는 Node.js 로 해볼 예정?이다 우선 컴포넌트 구성은 이렇게 되어있으며, App.jsx에서 실행하고 home.jsx product.jsx basket.jsx가 각각 pages라는 이름으로 만들어 주었고, 말그대로 home.jsx는 메인 페이지이기때문에 Main.jsx에서 구현하였고, product.jsx는 이제 각각의 상품을 클릭하였을때 id를 링크로 넘어가게 해서(react-router-dom사용) detail.jsx에다가 구현, 마지막으로 basket.js.. BE/Node_shopping 2022. 8. 28.

• 

  [React] 클론코딩 react.js로 영화 웹사이트 만들기 여태까지 배웠던 React 이론+ react의 router 개념을 공부한후(이부분은 아직 잘 이해못했음) 영화 웹사이트를 만드는 클론코딩을 해보았다. react-router-dom 공식문서 참고 https://reactrouter.com/docs/en/v6/routers/router React Router | Router Declarative routing for React apps at any scale reactrouter.com 이번에는 단순하게 App.js 와 index.js만 가지고 만드는것이 아니고, 우선 npm(node package module)을 이용해서 react-router-dom도 설치했다. App.js 부분을 살펴보면, import { BrowserRouter as Router, .. FE/React 2022. 7. 28.