낯선 개발 용어를 하나씩 익혀 보세요.

초보 학습자를 위한 쉬운 설명과 짧은 코드 예시를 제공합니다.

← 단어 목록으로

Next.js

동적 라우팅

dynamic routing : 동적으로 경로를 정하는 것

  • 라우팅
  • URL

쉬운 설명

주소의 일부를 변수처럼 사용해 서로 다른 내용을 보여주는 방식입니다. 단어 슬러그에 따라 해당 단어의 상세 화면을 보여줄 수 있습니다.

코드 예시

JSX

export default async function WordPage({ params }) {
  const { slug } = await params;

  return <h1>{slug}</h1>;
}

개인 메모