인프런 커뮤니티 질문&답변

호호님의 프로필 이미지
호호

작성한 질문수

Next + React Query로 SNS 서비스 만들기

useSelectedLayoutSegment로 ActiveLink 만들기

useSelectedLayoutSegment, usePathname 차이점?

해결된 질문

작성

·

448

1

안녕하세요 선생님

useSelectedLayoutSegment

usePathname

두 훅의 차이점이 궁금합니다.

 

둘 다 url에서 쿼리스트링 전까지 나오는 문자열을 추출하는 훅으로 보이는데 언제 어떤 훅을 사용해야 하나요?

ActiveLink 만드는데 usePathname 으로는 안되나요?

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

useSelectedLayoutSegmemt는 layout 페이지에서만 사용 가능합니다. page.tsx에서는 안 됩니다. usePathname은 다른 곳에서도 사용 가능하고요.

usePathname은 pathname이 통째로 나오므로 별도의 처리가 필요하지만 자기 마음대로 처리할 수 있어 자유도가 높기도 합니다.

/product, /en/product 같은 다국어 처리가 된 페이지에서는 layoutSegment가 product만 뜨므로 이 때는 layoutSegment가 편하겠네요.

호호님의 프로필 이미지
호호
질문자

감사합니다~!

호호님의 프로필 이미지
호호

작성한 질문수

질문하기