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

양갱

작성한 질문수

React로 NodeBird SNS 만들기

6-5. Link 컴포넌트 고급 사용법

프론트에서 express를 사용하지 않을때 동적라우팅

작성

308

next에서 자체적으로 지원하는 동적라우팅 (ex) [id].js )를 이용해서 동적라우팅을 하였습니다. 근데 이렇게하면 Link에서 href를 {{pathname: '/user/[id].js'}} 하고 as: '/user/${post.User.id}' 해도 되지가 않습니다. 혹시 자체적으로 지원하는 것에서는 다르게 해야하나요??

react javascript

답변 6

제로초(조현영)

지식공유자

next 10버전이시면 제가 말씀드린대로 하면 되고

next 9 버전이시면

<Link href="/user/[id]" as={`/user/${post.User.id}`}> 가 맞습니다.

양갱

질문자

감사합니다 해결했습니다 9버전으로 href="/user/[id].js"로 쓰고있었는데 "/user/[id]" 쓰니깐 새로고침없이 잘됐습니다.

양갱

질문자

import Link from 'next/link';

를 쓰고 있습니다.

새로고침은 강의에서 말씀하신거처럼 아바타를 클릭해서

들어갔을때 네트워크가 지워지고 새로 생기는 것으로 판단

했습니다

제로초(조현영)

지식공유자

Link가 import Link from 'next/link' 맞나요? 새로고침이라는 것은 어떻게 판단하셨나요?

양갱

질문자

href={`/user/${post.User.id}`} 를 하여도 아바타를 눌러서 다른 사용자로 갈때 새로고침이 발생합니다

코드와 구조입니다.

제로초(조현영)

지식공유자

그냥 href={`/user/${post.User.id}`} 만 하면 됩니다.

양갱

작성한 질문수

전체 Q&A

질문하기