์ค๋ธ์(2)
-
[Next.js] (12) - Streaming
๐ ์คํธ๋ฆฌ๋ฐํด๋ผ์ด์ธํธ์์๋ ๋ชจ๋ ๋ฐ์ดํฐ๊ฐ ์ค์ง ์์๋ ์ง๊ธ๊น์ง ๋ฐ์ ๋ฐ์ดํฐ์ ์ ๊ทผํ ์ ์์ -> ๊ฒฐ๊ณผ์ ์ผ๋ก ์ฌ์ฉ์๊ฐ ๊ธด ๋ก๋ฉ ์์ด ์ฌ์ฉ์์๊ฒ ์ข์ ๊ฒฝํ ์ ๊ณต ๊ฐ๋ฅ์คํธ๋ฆฌ๋ฐ์ ์ด์ฉํ๋ฉด ์ผ๋จ ๋ญ๋ผ๋ ๋น ๋ฅด๊ฒ ๋ณด์ฌ์ค ์ ์์๋๋ฆฌ๊ฒ ๋ ๋๋ง ๋๋ ๋ถ๋ถ?๋ก๋ฉ๋ฐ ๊ฐ์ ๋์ฒด UI๋ฅผ ๋ณด์ฌ์ฃผ๋ฉด ๋๋ค!Dynamic ํ์ด์ง์ ์์ฃผ ์ด์ฉ๋๋ค.ํ์ด์ง ์คํธ๋ฆฌ๋ฐ์ค๋ ๊ฑธ๋ฆฌ๋ ์ปดํฌ๋ํธ์ ๋ ๋๋ง์ ์ฌ์ฉ์๊ฐ ์ข ๋ ์ข์ ํ๊ฒฝ์์ ๊ธฐ๋ค๋ฆด ์ ์๋๋ก ํด์ฃผ๋ ๊ธฐ๋ฅ ๐ Stream - ๊ฐ์ฒ, ๊ฐ๋ฌผ์คํธ๋ฆฌ๋ฐ - ๊ฐ๋ฌผ์ ๋ฐ์ดํฐ๋ฅผ ํ๋ ค ๋ณด๋ด๋ฏ์ด ์ฐ์์ ์ผ๋ก ํ ๋ฐ์ดํฐ์ฉ ํ๋ ค ๋ณด๋ด๋ ๊ฒ ์ถ์ฒ: https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-nextjs/dashboar..
2024.11.14 -
[Next.js] (8) - Data Cache
๐ Data Cachefetch ๋ฉ์๋๋ฅผ ํ์ฉํด ๋ถ๋ฌ์จ ๋ฐ์ดํฐ๋ฅผ Next์๋ฒ์์ ๋ณด๊ดํ๋ ๊ธฐ๋ฅ์๊ตฌ์ ์ผ๋ก ๋ฐ์ดํฐ ๋ณด๊ด, ํน์ ์๊ฐ์ ์ฃผ๊ธฐ๋ก ๊ฐฑ์ ์ํค๋ ๊ฒ ๊ฐ๋ฅ๋ถ ํ์ํ ๋ฐ์ดํฐ ์์ฒญ ์๋ฅผ ์ค์ฌ์ ์น ์๋น์ค์ ์ฑ๋ฅ ํฌ๊ฒ ๊ฐ์ ๊ฐ๋ฅconst response = await fetch('/api',{ cache: "force-cache" });//์์ฒญ์ ๊ฒฐ๊ณผ๋ฅผ ์บ์ฑํจ, ํ ๋ฒ๋ง ๋ถ๋ฌ์ด//next.js ์์ fetch ๋ผ๋ ๋ฉ์๋๋ง ์ฌ์ฉํด์ผํจconst response = await fetch('/api',{ cache: "no-store" });//๋ฐ์ดํฐ ํ์นญ์ ๊ฒฐ๊ณผ๋ฅผ ์ ์ฅํ์ง ์๋ ์ต์ //์บ์ฑ์ ์์ ํ์ง ์๋๋ก ์ค์ ํ๋ ์ต์ const response = await fetch('/api',{ next: { re..
2024.11.12