1. 데이터에 맞게 상품의 정보를 보여주고 싶은데, 만약 상품이 100개 있다면..? 일일이 Route 를 써서 상세페이지를 만들어주기엔 한계가 있다. 데이터는 아래와 같다고 설정해보자. 각각 ID마다 상품명, 상세설명, 가격이 적혀있다. let data = [ { id : 0, title : "White and Black", content : "Born in France", price : 120000 }, { id : 1, title : "Red Knit", content : "Born in Seoul", price : 110000 }, { id : 2, title : "Grey Yordan", content : "Born in the States", price : 130000 } ] 2. 함수의 pr..
전체 글
프론트엔드 지식을 다 먹어버리겠다는 의지1. 먼저, 라우터를 사용하기 위해서 리액트 상단에 import를 해준다. import { Routes, Route, Link, useNavigate, Outlet } from 'react-router-dom'; 2. Link 태그를 활용해서 웹페이지를 만들고 싶다면, Link를 열고 onClick API를 활용해서 함수를 열어주고 navigate 안에 경로를 적어주면 된다. {navigate('/detail'} }>Detail 3. 기존에 라우터를 활용했을 때에는, Route들을 하나씩 삽입해서 넣는 식으로 활용했었다. 그런데 웹페이지 안에 또 다른 웹페이지를 넣고 싶을 땐 어떻게 해야할까? --> Route안에 또다른 Route를 생성해주면 된다. 4. 그런데, 막상 /detail/member 홈페이..