๋ผ์ด๋ธ๋ฌ๋ฆฌ - React Router v7 - prefetch
ยท
๐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
โ
prefetch์ฌ์ฉ์๊ฐ ํด๋ฆญํ๊ธฐ ์ ์ ๋ค์ ํ์ด์ง์ ํ์ํ ๊ฒ๋ค์ ๋ฏธ๋ฆฌ ๋ฐ์์ค๋ ๊ธฐ๋ฅ ์ด๊ฑด “๋ฏธ๋ฆฌ ๋ฐ์๋ณด๋ ค๋ ํํธ”์ ๊ฐ๊น๊ณ , ํด๋ฆญ ์ ๋ฌด์กฐ๊ฑด ์ฆ์ ๋ ๋๋ง ๋ณด์ฅ์ ์๋๋ค. ์ง์ง๋ก ์ฆ์ ๋ณด์ฌ์ฃผ๊ณ ์ถ์ผ๋ฉด loader ์ชฝ์์ ์บ์ฑ ์ ๋ต์ ๋ฐ๋ก ๊ฐ์ ธ๊ฐ์ผ ํจ. ์๋ฅผ ๋ค๋ฉด React Query์ ensureQueryData() ๊ฐ์ ๋ฐฉ์์ผ๋ก loader๊ฐ ๋จผ์ ์บ์๋ฅผ ํ์ธํ๊ฒ ๋ง๋ค๊ฑฐ๋, ์๋ฒ ์๋ต์ ์ ์ ํ Cache-Control์ ๋ถ์ด๋ ๋ฐฉ์์ด ํ์ none๊ธฐ๋ณธ๊ฐ. ์๋ฌด๊ฒ๋ ๋ฏธ๋ฆฌ ๋ฐ์์ค์ง ์๋๋ค.intent์ฌ์ฉ์๊ฐ ๋งํฌ์ hoverํ๊ฑฐ๋ focusํ์ ๋ ๋ฏธ๋ฆฌ ๋ฐ์์ด(๋ง์ฐ์ค๊ฐ ๋งํฌ๋ฅผ ๋ฒ์ด๋๋ฉด ์ทจ์๋จ)render๋งํฌ๊ฐ ํ๋ฉด์ ๋ ๋๋ง๋์๋ง์ ๋ฏธ๋ฆฌ ๋ฐ์์ด. ๋น ๋ฅด์ง๋ง ๋งํฌ๊ฐ ๋ง์ผ๋ฉด ๋คํธ์ํฌ ๋ญ๋น ๊ฐ๋ฅviewport๋ง..