Dynamic Routing + Router Hook (URL masking)

    Dynamic Routing + Router Hook (URL masking)

    이슈 내용: Next.js 환경에서 URL 및 컴포넌트 디렉토리를 설정, 라우터 설정 필요 해결 방법: 각 디렉토리 폴더 생성 및 컴포넌트 이름 설정 -> 메인 URL에서 직접 접속 가능 + router 설정으로 query 전달 & 마스킹 처리 기본적인 URL 라우팅 localhost:3000 이 기본 접속 URL이라고 가정할 때, Next.js 환경에서 제공하는 기본적인 Dynamic Routing을 설정하면, 디렉토리 및 컴포넌트 파일 이름을 작성하여 그대로 라우팅 된 URL로 접속이 가능하다. 예를 들어, 위와 같은 디렉토리 & 컴포넌트 이름을 설정한 다음, 로컬 구동 후 확인해 보면 /movies 에서는 index 의 내용이, /movies/all 에서는 all 의 내용이 그대로 출력되는 것을 확..