라우터(router)와 라우팅(routing)
router는 페이지를 이동하는 기능을 가진 객체이다. 인터넷에서 게시판을 이동하거나 게시물로 이동하거나 하는 동작을 router를 통해 이루어진다고 생각하면 된다.
이때 사용하는게 router.push 로 이동하고자 하는 페이지의 주소와 함께 작성해준다.
그리고 이러한 과정, 즉 페이지를 이동하는 과정을 routing이 일어난다 라고 부른다.
정적 라우팅과 동적 라우팅
정적 라우팅 은 이동하려는 페이지 마다 새로운 파일을 만들어 주어야 한다. 만약 게시판의 서로 다른 페이지를 3개를 만들어주고 싶다면 그에 따른 폴더와 index.js 파일이 각각 3개가 필요하다.
주소 또한 생성한 폴더의 이름을 적어준다.
router.push("/static-routed-board/12345")
// 번호가 12345인 게시글을 불러올 경우반면 동적 라우팅 은 주소 뒤에 변수를 설정해주면 된다. 이 변수는 Graphql-API를 통해 받아올 수 있는 값으로 설정해주면 되고 주소의 가장 마지막 부분에 써주면 된다.
router.push(`/dynamic-routed-board/${result.data.createBoard.number}`)