[Next.js] 정리 3

useRouter 훅

• useRouter() 훅은 Next.js의 라우팅 정보를 담고 있는 객체를 반환한다. 이 객체 내에는 현재 페이지에 대한 다양한 정보와 메서드가 들어있다.

1. pathname : 현재 라우트의 경로이름
2. query : 쿼리 문자열 파라미터를 객체 형태로 담고 있다
3. asPath : 실제 브라우저에 표시되는 경로정보
4. route : 경로 패턴
5. isReady : 라우터가 초기화된 후 true가 된다.
6. isFallback : 현재 페이지가 Fallback 상태인지를 나타낸다.
7. isLocaleDomain : 현재 도메인이 local domain인지를 나타낸다.
8. events : 라우터 이벤트를 담고 있다.
9. basepath : 기본경로를 나타낸다.
10. push, replace, reload, back, prefetch, etc... : 라우터를 조작하는데에 사용되는 메서드들이다. 일반적으로 웹브라우저의 라우터는 스택 형식으로 히스토리를 관리한다. 그래서 push하면 새 페이지로 가고 pop하면 뒷페이지로 가는거 여기서는 back()