728x90
반응형
Next.js 14) 대충 내가 헷갈려서 적어본 url 받는 방법.
(심층)넥스트2024. 2. 24. 09:57Next.js 14) 대충 내가 헷갈려서 적어본 url 받는 방법.

일단 "http://localhost:3000/album/272a8c26-96f7-489b-86b4-537189bfc654" 라는 주소가 있다고 가정을 해보겠다. 사실 내가 지금 프로젝트에서 생성해둔 주소이다. 클라이언트 컴포넌트에서 url 받는 방법 : 1. 동적(id)으로 생성된 세그먼트 값 얻기. 보다시피 /272a8c26-96f7-489b-86b4-537189bfc654 이 부분은 [id]라는 동적 세그먼트를 통하여 생성된 것이다. 이 값을 얻기 위해서는 useParams()를 사용하면 된다. useParams() : 현재 URL로 채워진 경로의 동적 매개변수를 읽을 수 있게 해주는 클라이언트 구성 요소 후크. const params = useParams(); console.log(params);..

Next.js 14) 현재 URL의 쿼리 문자열 얻어내기 (+Link
(심층)넥스트2024. 2. 23. 05:56Next.js 14) 현재 URL의 쿼리 문자열 얻어내기 (+Link

https://nextjs.org/docs/app/api-reference/components/link Components: | Next.js Enable fast client-side navigation with the built-in `next/link` component. nextjs.org : 는 HTML 요소를 확장하여 경로 간 프리페칭 및 클라이언트 측 navigation을 제공하는 React 컴포넌트다. Next.js에서 경로 사이를 탐색하는 기본 방법. --------------------------------------------------------------------------------------------------------------------------------------..

728x90
반응형
image