라이언 코딩일기

[Next JS] 라우팅

서론Next.js 13 버전 이후의 라우팅 시스템은 매우 직관적이며, 편리하다.일하면서 알게된 점, Vercel, Nomad coder에서 공부한 것을 간단하게 정리해 본다.본론path 추가기본적으로 13버전 이후로는 App directory를 사용한다.그리고 App폴더 내부에 존재하는 폴더명이 그대로 웹페이지의 path가 된다. (단 폴더 내부에 page.tsx / page.jsx 파일이 존재해야 함.)기본적인 라우팅 시스템은 이게 전부이다. 너무 깔끔해서 놀라울 정도이다.your-app/src/app/sign-in/page.tsx// sign-in 페이지가 생성됨. 페이지 그룹화(sign) 폴더와 같이 페이지를 그룹화할 수 있다.ex) your-app/src/app/(sign)/sign-in/page..