[React] NextJS 새로운 페이지 생성 및 연결 방법

 

 

 

 

[React] NextJS 페이지 연결 방법

 

 

NextJS 신규 페이지 생성 및 연결 방법

1. NextJS프로젝트-app 폴더안에 새로운 폴더를 생성합니다. 이름은 변경 가능, 전 bread라고 지었습니다.

2. 새로 생성판 폴더 밑에 page.js 파일을 생성합니다. page.js 파일 이름 변경 불가능. 폴더명과 page.js파일이 합쳐져야 NextJS에서 신규 경로가 생성됩니다.

 

 

page.js폴더 안 문법은 간단하게 글자만 반환하는 함수를 넣었습니다.

컴포넌트 이름은 어떻게 지어도 상관없습니다.

 

 

개발서버를 띄운곳에가서 코드에서 만든 폴더명을 주소값으로 뒤에 넣으면 새로운 페이지가 완성되어 열리는것을 확인할 수 있습니다.