# 동적라우팅

8개의 포스트
post-thumbnail

React | 동적라우팅 (Dynamic Routing)으로 상세페이지 구현하기

오늘은 SPA를 기반으로하는 리액트에서 어떻게 상품 리스트에서 개별 상품 페이지로 넘어가는지, 그리고 개별적으로 데이터를 받아올 수 있는지 알아보기로 하자. 다음의 페이지를 보면 '몬스터'들의 리스트다. 해당 주소를 보자. 자 그렇다면 어떻게 각각의 몬스터들의 상세 페

2020년 11월 20일
·
0개의 댓글
post-thumbnail

동적 라우팅, URL parameters

라우트의 경로에 특정 값을 넣어서 해당 페이지로 이동할 수 있게 하는 것 React는 그 자체로는 라우팅 기능을 갖고 있지 않아서 React-router와 같은 라이브러리를 사용해서 라우팅을 구현한다. 그리고 React Router에서는 두 가지 방법을 통해 유동 라우

2020년 11월 1일
·
0개의 댓글
post-thumbnail

동적라우팅 어떻게 하면 될까?

라우팅이란 ? 라우팅이란 다른 경로(주소)에 따라 다른 View(화면)을 보여주는 것입니다. React를 이용해서 SPA(single page application)을 개발할 때 가장 흔히 겪는 어려움 중에 하나가 웹페이지 라우팅입니다. 간단한 라우팅 구현 기본적으

2020년 10월 4일
·
0개의 댓글

[React] 동적라우팅

동적라우팅이란?

2020년 9월 19일
·
0개의 댓글
post-thumbnail

TIL 57 | 동적라우팅 Dynamic Routing (상세페이지 이동)

상품 리스트 페이지에서 해당 상품을 클릭 시 상세 페이지로 넘어가는 기능은 단순히 path를 바꿔준다고 되는 것이 아니다. 리액트의 3rd party 라이브러리를 사용하여 동적라우팅을 구현해보자.

2020년 9월 19일
·
0개의 댓글

[vue] vue-router 동적라우팅

react로 첫 프로젝트를 할 때 동적라우팅개념을 몰랐을 때, 어떻게 url에 따라 기본틀은 유지하면서 안의 내용물만 바꿀 수 있을지 굉장히 고민했었다. 그러다가 동적라우팅 개념을 알고나서 나름 혁신적인 경험을 했던 기억이 있다. vue에도 당연히 리액트와 같은 기능을

2020년 8월 30일
·
0개의 댓글
post-thumbnail

[Project] 2차 프로젝트 동적라우팅 적용하기

⬆︎위 1.쉐이빙젤 > 2.면도 > 3.애프터쉐이브 에서 원하는 단계를 클릭하면 오른쪽 이미지와 아래 텍스트가 변경되도록 만들어야 한다.쉐이빙젤, 면도, 애프터쉐이브 각각 클릭했을 경우 보여주는 텍스트가 다르기 때문에 각각의 컴포넌트로 분리시켜 만들어준 후 import

2020년 5월 19일
·
0개의 댓글

Hooks - 동적 라우팅

useParams,useHistory,useLocation

2020년 3월 29일
·
0개의 댓글