본문 바로가기

코드캠프 4기

코드캠프 4기 - 5일차

라우팅?

라우팅은 페이지를 이동하는 것이다

기본은 정적 라우팅

 

페이지 이동시 사용하는 도구

const router = useRouter() 
👇
router.push("이동할 페이지")

 

*라우터 다른기능들 노션 참고*

 

라우팅 종류

정적라우팅

동적라우팅

 

1 2 3들을 [aaa] 변수로 받기

***중요 : [] 꼭 대괄호 안에 넣기

 

[aaa] 변수로 인식하는 것

 

/boards/13

index.js 

 

13이란 값은 aaa라는 변수에 담기고, 페이지로 이동한다

접속되는 페이지는 똑같지만

aaa = 13

aaa = 12 변수가 달라진다

 

페이지는 하나만 만들고, 변수를 동적으로 받을 수 있게 한다

 

aaa는 어디에 들어있을까?

const router = useRouter()

 

router.query = {

 

}

query 현재 접속한 주소의 변수