[Next로 전적검색 사이트] server component에서 url가져오기

.Next 14.0.4 버전 기준입니다.

 

 

홈페이지에서 닉네임을 검색하면 유저페이지로 이동해 유저의 정보를 보여주는 방식인데 react에서 사용했던 것처럼 useSearchParams를 사용하여 닉네임 정보를 url에서 가져오려고 하였더니 문제가 server component를 client component로 바꿔야 한다는 것이였다. 이후 여러 시도를 해보았다.

 

1. useSearchParams (react훅은 사용 불가)

2. localStorage, sessionStorage (window 객체를 사용할 수 없음)

3. zustand (useRef쓴다고 안됨, 내부적으로 사용하는거 같음 1번과 동일 이유)

 

결과는 모두 불가.. server component에서는 사용할 수 없는 방법이였다.

이것 이외에도 여러가지 삽질을 한 결과 방법은 간단했다.

 

 

자동으로 query string 정보가 넘어와서 다음과 같이 url의 query정보에 접근이 가능했다