노마드코더 - Next.js - Dynamic Routes, params, searchParams

크롱·2024년 6월 24일
0

Next.js

목록 보기
6/20

Next.js - Dynamic Routes

리액트에서 /movies/:id 처럼 동적인 url

/movies/12121 이런 url을 만들려면

movies 폴더 안에 대괄호?? [] [id] 폴더 만들고, page.tsx 생성!



params, searchParams

ssr component 에서 콘솔

이 무비 디테일 페이지는 서버사이드렌더링 컴포넌트이므로, 콘솔창은 터미널(서버)에 나온다

params


현재 movies 폴더-> [id] -> page.tsx 이므로
[]안에 id가 기입되어있어서 params: { id : '34' } 인거임.


searchParams

searchParams는 movies/12121?region=kr 일때 ?뒤에 값들을 뜻함.👇

만약 movies/12121?region=kr&page=2 라면 👇



결국

이렇게 전달가넝.

profile
👩‍💻안녕하세요🌞

0개의 댓글