Router(라우터) = 페이지 이동

정적라우팅 & 동적라우팅
-정적 라우팅 : 페이지 이동을 위해서는 이동할 페이지를 하나하나 다 만들어서 지정을 해줘야 한다.
예를 들어 글이 100개 있을 경우 1 ~ 100 까지의 폴더를 만들고 지정 해줘야 하기 때문에 굉장히 비효율적이다.

-동적 라우팅 : 정적 라우팅의 비효율성을 없애기 위해 나온게 동적 라우팅이다.
이동된 페이지에서 router.query를 활용하여 게시물ID 또는 게시물 번호를 가져올 수 있다.

useQuery()

useQuery()를 사용해서 내가 원하는 게시물의 게시물ID와 게시물번호를 활용하여 데이터를 조회가능하다. 기본 구조는 Mutation 사용과 흡사 하나 Mutation은 내가 원하는 시점에서 실행이 가능했다.
하지만 Query의 경우 해당 페이지가 실행되면 무조건 바로 실행 되고, 응답 받기 전에 html구조를 먼저 그린다.

데이터가 다 받아지면 그때 내용이 채워지는 방식.

이걸 보완하기 위해 &&연산자 와 ?를 쓰는 삼항 연산자로 렌터링 한다.
&&연산자의 코드 길이를 줄이기 위해 나온게, ?.를 쓰는 옵셔널 체이닝이다.

이로써, 코드캠프의 첫 주가 끝났다.
주말에는 주중에 배운 내용에 대해 차분히 복습 하는 시간을 가져야 겠다.