프로젝트/Next.js
Next.js 1 (라우팅)
김가재현
2023. 4. 27. 21:07
Next.js 는 리액트 문법이 기반이기 때문에 기존에 리액트를 사용해봤다면 수월하다! (개꿀)
Next.js는 자동 라우팅 기능이 있다!
자동 라우팅이라니! 리액트에서는 BrowserRouter, Routes, Route = path 같이 여러 작업을 했었는데 next.js 는 사용하지 않는다!
사용법!
위 사진처럼 app 안에 새로운 폴더를 만들어 주면 된다! 그럼 자동으로 폴더 명으로 url이 생성된다.
그리고 이렇게 page.js를 만들어 주고 우리 React 쓰듯이 아래처럼 만들어주면
이렇게 나온다!
만약 /hello/world 라고 만들고 싶을때는?
위에서 app 폴더에서 한것처럼 하면 된다!