# dynamic routing

22개의 포스트
post-thumbnail

Dynamic Routing

라우티드 되는 페이지의 폴더명을 number라고 사용하곤 했는데, 그렇게 되니 어디에 폴더명 number가 들어가고, 어디에 데이터 number가 들어가는지 개념이 확립되지 않았다. 폴더명을 넘버로 했을 때 다음과 같이 라우티드가 되는 페이지를 구성하면 정상적으로 데이

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

Next.js에서의 Static, Dynamic Routing

Next.js에서는 useRouter 훅을 import한 뒤, router 객체(페이지 이동과 관련된 기능을 가지고 있는 객체)를 통해 동적 라우팅을 구현할 수 있다.

2022년 7월 11일
·
0개의 댓글
·

정적, 동적라우팅

클라이언트의 요청 경로 (path)를 보고 이 요청을 처리할 수 있는 곳으로 기능을 전달해주는 역할.라우팅에는 정적라우팅(staticrouting)과 동적라우팅(dunamicrouting)이 있다.게시물이 많아지면 많아질수록 당연히 일일이 특정 게시물의 고유한 값을 일

2022년 6월 11일
·
0개의 댓글
·

08) Static Routing, Dynamic Routing

브라우저는 모두 다르지만 하나의 백앤드와 DB는 하나로 공유 하고 있다.등록해줘 요청$가 두개가 있는 이유 다른 API를 묶음 배송을 할 수 있기 때문에한 줄 씩 코드 실행뒤에 writer = state writer키와 value 가 같으면 생략가능 (shorthand

2022년 5월 18일
·
0개의 댓글
·

Static Routing / Dynamic Routing

Static Routing과 Dynamic Routing의 차이와 어떻게 만드는지에 대한 포스팅입니다.

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

Static Routing & Dynamic Routing

네트워크에서 특정 경로로 데이터를 보낼 때 사용되는 과정.크게 정적 라우팅, 동적 라우팅 두 종류가 있다.자유게시판의 상세 내용 페이지를 만든다고 할 때, 정적 라우팅을 사용하면 그 무수히 많은 글들의 정보를 나타내는 페이지를 각각 따로 만들어야 한다.동적 라우팅을 사

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

Day-5 Static&Dynamic Routing / try~catch

Routing이란 페이지를 이동하는 것을 말한다.Routing을 사용할 때는 router 객체가 필요한데 이는 페이지를 이동하는 도구이다.페이지를 이동하기 위해써 쓰는 함수로는 useRouter가 있다.사용법으로는 const router = useRouter 형식이고r

2022년 5월 13일
·
0개의 댓글
·
post-thumbnail

Static Routing & Dynamic Routing (useQuery)

동적페이지, 정적페이지, useQuery

2022년 5월 13일
·
0개의 댓글
·

Static / Dynamic Routing

본론으로 들어가기 앞서, 라우터 객체와 라우팅에 대해서 알아보자.라우터(router)란 페이지 이동과 관련된 기능을 가지고 있는 객체이다이 객체를 사용해서 A 페이지에서 B 페이지로 이동할 때, "B 페이지로 라우팅한다" 라고 말한다라우팅에는 크게, Static Rou

2022년 3월 22일
·
0개의 댓글
·

Web> Path Parameter & Query Parameter

Path Parameter와 Query Parameter을 사용해보고 학습하게된 계기는 이번 팀프로젝트를 진행하면서였다. 내가 맡아 진행했던 부분은 전체 상품페이지 였는데, 전체 상품페이지에 가장 핵심적인 기능으로는 필터링 기능과 원하는 상품을 클릭했을 때 해당 상품의

2022년 3월 13일
·
0개의 댓글
·
post-thumbnail

[React #13] 동적 라우팅과 Path Parameter, 그리고 관련 Hooks

라우팅을 위한 기본 코드 구조 index.html : public/index.html에 위치하며 React 페이지 로드 시 가장 먼저 호출되는 영역 index.js : React 앱을 렌더하고 index.html의 div#root 이하에 끼워넣는 역할 Router.j

2022년 2월 13일
·
0개의 댓글
·
post-thumbnail

[React][Router] useParams, useLocation

프로젝트를 하던 도중 상품목록 페이지를 만들던 팀원이 질문을 했다.'그런데, 이 컴포넌트 하나로 어떻게 각각의 상세페이지를 보여주고 이동할 수 있어요?'처음에 생각했던 방법은 이것이었다.각 카테고리별로 라우터를 설정한 다음 해당하는 컴포넌트에 각각의 데이터를 prop로

2022년 1월 6일
·
0개의 댓글
·
post-thumbnail

useRouter, 동적라우팅

그냥 리액트만 사용할 때 나는 ... 페이지 이동을 위해서 많은 명령어를 사용했어야 했다. 하지만 넥스트라이브러리를 사용하니, 이렇게 세상 편하게 이동을 할 수가 없어!라우터는 이름에서 알 수 있듯이 페이지 이동을 위해 사용한다.길을 만들어 주는 것 기존의 리액트 라우

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

NEXT.js의 Dynamic routing을 이용한 비동기 통신

👉이 글을 읽으면 좋은 사람'동적 라우팅을 통해서 받은 값으로 비동기통신을 하고 싶고, 그로 인한 결과를 화면에 뿌려주고 싶다!'라고 생각하는 사람이번에 어플을 만들면서 동적라우팅으로 모든 것을 해결하려고 했다.여기서부터 모든 문제가 발생했고, 시간이 오래 걸리는 문

2021년 8월 14일
·
0개의 댓글
·

TIL. 36 React - Dynamic Routing

Route 경로에 특정 값을 넣어 해당하는 페이지로 이동할 수 있게 하는 것 을 동적 라우팅Path Parameter 라우트 경로 끝에 들어가는 id 값들을 저장하는 매개 변수이며, Path Parameter는 Routes 컴포넌트 안에서 아래와 같이 정의된다.hist

2021년 7월 13일
·
0개의 댓글
·
post-thumbnail

리액트 동적 라우팅

리액트에서 동적 라우팅 구현하는 방법을 알아본다. 그런데 pagination도 곁들인

2020년 12월 20일
·
2개의 댓글
·
post-thumbnail

[Next] Next.js에서의 동적라우팅

Next js에서의 동적 라우팅 방법 1. 받은 값을 2배로 리턴하는 api > 2. 받은 값을 2배로 출력하는 페이지를 생성 > 즉 http://localhost:3000/get-double/[value]의 value값을 동적으로 받아서 double api요청한

2020년 12월 18일
·
0개의 댓글
·