반응형 LINK1 [Next.js] 파일 기반 라우팅 Next.js 파일기반 라우팅 방법 알아보기 React는 react-router를 사용해서 아래와 같은 형식으로 직접 지정을 해주는 반면에 Next.js는 file을 기반으로 한 라우팅을 사용 할 수 있어 처음 index에서는 우리가 react를 사용할 때 path="/" 해당하는 부분 path="/about"으로 나타내던 부분은 폴더이름 about의 index로 나누어 주면 된다. 저러한 형식으로 만든 파일을 실행하면 서로 라우팅 구조는 다르지만 /about의 주소가 할당되어 페이지가 나타나게 된다. 또한 위의 그림과 같이 [projectid]를 해준 부분은 [projectid]에 해당하는 값을 콘솔에서 찾으려면 router.query를 실행하여 아래와 같이 결과 값이 나온다. console.log(r.. 2022. 1. 7. 이전 1 다음