Next.js๋กœ ์ •์ ์ƒ์„ฑ(Static Generation) ๊ตฌํ˜„_getStaticProps์™€ getStaticPaths ์‚ฌ์šฉ๊ธฐ

Issue Next.js ํ”„๋กœ์ ํŠธ ๋„์ค‘ ์ƒํ’ˆ ์ƒ์„ธ ํŽ˜์ด์ง€๋ฅผ ์ •์ ์ƒ์„ฑ(Static Generation)์„ ํ•˜๊ธฐ ์œ„ํ•ด์„œ getStaticProps์™€ getStaticPaths๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด๊ธฐ๋กœ ํ•˜์˜€๋‹ค.ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์ด์ „์— ์ •์ ์ƒ์„ฑ, getStaticProps, getStaticPaths๊ฐ€ ์–ด๋–ค ์˜๋ฏธ๋ฅผ ์ง€๋‹ˆ๊ณ  ์žˆ๋Š”์ง€ ๊ฐ„๋žตํ•˜๊ฒŒ ๋ฉ”๋ชจํ•ด ๋‘๊ณ ์ž ํ•œ๋‹ค. ์ •์ ์ƒ์„ฑ(Static Generation)์€ ๋นŒ๋“œ ์‹œ์ ์— ์˜จ์ „ํ•œ ํŽ˜์ด์ง€์˜ HTML์ด ์ƒ์„ฑ๋˜์–ด ์„œ๋ฒ„์—์„œ ๋ฌผ๋ฆฌ์ ์œผ๋กœ HTML ํŒŒ์ผ์„ ๋ชจ๋‘ ๊ฐ–๊ณ  ์žˆ๋Š” ์ƒํƒœ์ด๋‹ค. ํ•œ ๋ฒˆ ์‘๋‹ตํ•œ ํ›„์—๋Š” CDN(content delivery network)์ด ํŒŒ์ผ์„ ๊ธฐ์–ต(์บ์‰ฌ, cache)ํ•˜์—ฌ ์‘๋‹ตํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋žœ๋”๋ง ์†๋„๊ฐ€ ๋น ๋ฅด๊ณ  ๋ถˆํ•„์š”ํ•œ ์„œ๋ฒ„ ์š”์ฒญ์„ ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค. getStaticPr..

Next.js 2022. 3. 31. 13:06
๊ณต์ง€์‚ฌํ•ญ
์ตœ๊ทผ์— ์˜ฌ๋ผ์˜จ ๊ธ€
์ตœ๊ทผ์— ๋‹ฌ๋ฆฐ ๋Œ“๊ธ€
Total
Today
Yesterday
๋งํฌ
TAG
more
ยซ   2024/07   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
๊ธ€ ๋ณด๊ด€ํ•จ