NEXT 동적 라우팅 사용

npm install next react react-dom 명령이 실행 되어있는 상태에서 진행한다.

 

일단 파일명이 배열형식 이어야 한다.

 

예) [index].jsx

이 파일 안에서 useRouter를 import 해온다.

 

import { useRouter } from 'next/router'

 

미리 만들어둔 컴포넌트 안에서 useRouter 함수 변수 선언 후 post를 가지고 온다.

 

const Post = () => {
    const router = useRouter()
    const { post } = router.query

    return (
        <>
        	{post}
        </>
    )
}

export default Post

 

이렇게 하면 url 뒤로 들어오는 파라미터들이 저기 post로 들어온다.

 

예) 

 

oeir

test