불친절한 블로그
[Next.js] 페이지 이동 본문
728x90
반응형
이전 글에서 Next.js를 시작하는 방법을 알아봤다.
https://onu0624.tistory.com/129
[Next.js] Next.js 시작하기
next.js를 하기 위해서는 node.js가 설치되어 있어야한다. 없다면 설치하자. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이제 next...
onu0624.tistory.com
이제 페이지 이동하는 방법을 알아보려한다.
pages 디렉토리 안에 새로 만들 페이지 코드를 만들었다.
route를 사용해야하나 했더니
그냥 만들고 끝이였다.
localhost:3000 에 뒤에 경로만 붙여주면 바로 페이지가 연결이 된다.....
뭐야 이거...
이제 Link를 통해 페이지 이동을 해보자.
first-post.js 에 Link를 넣어서 상위 페이지로 이동하게 해보자.
Back to home을 누르면
href에 넣은 곳으로 이동한다.
index.js에 아래 코드쪽에서 코드 수정해서 first-post.js로 이동해보자.
신기방기
728x90
반응형
'Project > BEMS 찍먹' 카테고리의 다른 글
[Next.js] Next.js 시작하기 (0) | 2022.02.23 |
---|---|
[React] react-colorful 사용기(색상선택) (0) | 2022.02.22 |
[React] React-Hook-Form 사용기 (0) | 2022.02.22 |
[React] 라디오 버튼 만들기!! (1) | 2022.02.22 |
[React] rechart 사용해서 그래프 그려보기 (0) | 2022.01.28 |
Comments