프리패칭이 정상적으로 되는지 확인 방법


첫번째는 3000이고 2번째는 3000/search인데
프리패칭이 된지 어떻게 확인 하는건가요?
답변 1
0
안녕하세요 이정환입니다.
강의와 동일한 방식으로 네트워크 탭에 나타난 요청들 중에 이동 가능한 페이지의 JS Bundle 요청을 확인하시면 됩니다.
정확히 어떤 네트워크 요청이 프리페칭에 해당하는지 확인하려면 해당 요청을 자세히 눌러봐야 하기 때문에 사진만으로는 확인이 어려운데요
우선 첫번째 사진에서는 test-81....js 파일은 test 페이지를 프리페칭 하고 있는 요청으로보입니다. 나머지 요청들도 비슷한 방식으로 확인해보시면 됩니다.
두번째 사진에서는 index-de...js라는 이름으로 인덱스 페이지를 프리페칭 하고 있는걸 보실 수 있습니다.
버셀로 서버 배포 후 접속 시 500 에러 발생
0
66
2
컴포넌트와 레이아웃
0
54
2
@/styles/globals.css'
0
50
2
풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문
0
71
2
next.js 프로젝트
0
68
1
Next.js + Tanstack Query BFF 구조 질문
1
82
2
Next.js 사전렌더링 이해하기 부분
0
84
2
모달 관련 질문
0
88
3
렌더링 관련 질문
0
108
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
97
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
95
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
107
2
npx prisma db push 시 에러가 뜹니다.
0
131
3
vercel 배포를 실패하였습니다.
0
150
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
93
2
getServerSideProps 함수와 SSR의 관계
0
118
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
93
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
145
2
일반적인 nextjs project architecture에 대하여..
0
120
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
101
2
배포 시 오류 발생
0
111
2
백엔드 서버 오류납니다.
0
107
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
117
1
eslint.config.mjs 내 rules 어떻게 설정 하나요?
0
130
1





