인프런 커뮤니티 질문&답변
작성한 질문수
프리패칭이 정상적으로 되는지 확인 방법
해결된 질문
작성
·
213
0
첫번째는 3000이고 2번째는 3000/search인데
프리패칭이 된지 어떻게 확인 하는건가요?
퀴즈
46%나 틀려요. 한번 도전해보세요!
Next.js 페이지 라우터에서 파일 기반 라우팅은 어떻게 동작하나요?
파일 이름과 확장자에 관계없이 모든 파일이 페이지로 라우팅됩니다.
`pages` 폴더 구조에 따라 파일 이름과 경로가 URL 경로에 매핑되어 라우팅됩니다.
라우팅은 설정 파일에서만 정의할 수 있으며, 파일 시스템과는 무관합니다.
오직 `index.tsx` 파일만 페이지로 라우팅됩니다.
답변 1
0
이정환 Winterlood
지식공유자
안녕하세요 이정환입니다.
강의와 동일한 방식으로 네트워크 탭에 나타난 요청들 중에 이동 가능한 페이지의 JS Bundle 요청을 확인하시면 됩니다.
정확히 어떤 네트워크 요청이 프리페칭에 해당하는지 확인하려면 해당 요청을 자세히 눌러봐야 하기 때문에 사진만으로는 확인이 어려운데요
우선 첫번째 사진에서는 test-81....js 파일은 test 페이지를 프리페칭 하고 있는 요청으로보입니다. 나머지 요청들도 비슷한 방식으로 확인해보시면 됩니다.
두번째 사진에서는 index-de...js라는 이름으로 인덱스 페이지를 프리페칭 하고 있는걸 보실 수 있습니다.