Static, Dynamic Routing

ssjjyy·2022년 3월 21일
0

코딩공부

목록 보기
13/49

라우터(router)객체란?

페이지 이동과 연관된 객체

라우팅(routing)이란?

라우터 객체를 이용해 페이지를 이동하는 것
React에서 router를 사용하기 위해서는

const router = useRouter() 

useRouter를 사용해야한다. 이는 react-hooks 기능을 사용한다는 뜻이다.

라우터 객체의 종류

router.push("이동할 페이지") - 지정 페이지로 이동
router.replace("이동할 페이지") - 지정 페이지로 이동하되, 현재 페이지 기록을 저장하지않음
router.back() - 이전 페이지로 이동(뒤로가기)
router.reload() - 페이지로 새로고침

이 외의 객체는 nextjs페이지에서 확인할 수 있다.

라우팅의 종류는 정적라우팅과 동적라우팅이 있다.

정적라우팅(Static Routing)은

언제 누가 접속하건 항상 일정한 페이지로 이동한다. 따라서 라우팅할 페이지를 하나하나 설정해주어야한다. 로그인 페이지와 같은 것을 만들 때 사용한다.

동적라우팅(Dynamic Routing)은

판매글이나 자유게시판처럼 주소가 계속 만들어지게 되는 경우 동적라우팅을 사용한다. 변수를 설정하고 그 변수에 원하는 정보를 할당하게되면 일일이 페이지를 만들어 줄 필요가 없다.
보여줄 페이지 폴더의 하위폴더를 만드는데 폴더명을 []로 감싸준다. 괄호안의 내용은 알아보기 쉬운 내용으로 작성하면 된다.

[boardNumber]

이렇게 되면 자동으로 정보(예시의 경우 게시글번호)를 받아와 해당 페이지로 이동하게 된다.

profile
수학과 코딩

0개의 댓글