Trailing Slash === /

트레일링 슬래시는 URL 주소 끝에 붙은 슬래시 / 를 말합니다.

예를 들어 https://www.google.co.kr/ 에서 끝에 슬래시가 붙어있습니다.

사실 https://www.google.co.kr 이렇게 적어도 잘 동작합니다. 하지만 브라우저에서는 다른 주소로 인식합니다.

주소 끝에 슬래시가 붙어있으면 이건 디렉토리 즉 폴더라는 의미이고, 없다면 여기가 끝, 파일이라는 것을 의미합니다.

Next.js에서는 기본으로 url 뒤에 / 가 붙은 것을 없는 것으로 바꿔서 페이지를 이동합니다.

예를 들어서 /about/ 은 /about 으로 넘어갑니다. 하지만 옵션을 바꿔주면 반대로 할 수 있습니다.

next.config.js 파일을 열어 trailing slash 옵션을 추가해줍니다.

module.exports = {
 	trailingSlash: true,
}

이제 /about 은 /about/ 으로 넘어갑니다.