๐ย Reference
๐ย Chapter
โฃ
Next.js
Zustand
Hydration gma
AsyncLocalStorage
- AsyncLocalStorage
AsyncLocalStorage๋ Node.js์์ ๋น๋๊ธฐ ์์
์ ์ปจํ
์คํธ(context)๋ฅผ ์ ์งํ ์ ์๊ฒ ํด์ฃผ๋ API์ด๋ค.
ํ์ํ ์ด์
- ์ ํต์ ์ธ ๋ฐฉ์์์๋ ์ฌ๋ฌ ํจ์๋ฅผ ๊ฑฐ์ณ ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํ ๋ prop-drilling์ฒ๋ผ ๋ชจ๋ ํจ์์ ๋งค๊ฐ๋ณ์๋ฅผ ์ถ๊ฐํด์ผ ํ๋ ๋ฌธ์ ๊ฐ ์์๋ค.
- ํนํ ๋น๋๊ธฐ ํ๊ฒฝ์์๋ ์คํ ์์๋ฅผ ๋ณด์ฅํ ์ ์๊ธฐ ๋๋ฌธ์ ์ ์ญ ๋ณ์๋ฅผ ์ฌ์ฉํ๋ฉด ์์์น ๋ชปํ ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์๋ค.
AsyncLocalStorage๋ ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ๊ณ ์๋์์ต๋๋ค.
- ์ ์ญ ๋ณ์์ฒ๋ผ ์ ํ๋ฆฌ์ผ์ด์
์ ์ด๋ ๊ณณ์์๋ ๋ฐ์ดํฐ์ ์ ๊ทผํ ์ ์๊ฒ ํ๋ค.
- ํ์ง๋ง ๋น๋๊ธฐ ์์
๋ง๋ค ๊ณ ์ ํ ์ ์ฅ ๊ณต๊ฐ์ ์ ๊ณตํ์ฌ, ๊ฐ ์์ฒญ์ด๋ ์์
์ ์ปจํ
์คํธ๊ฐ ์์ด์ง ์๋๋ก ์์ ํ๊ฒ ๋ถ๋ฆฌํ๋ค.
์ฌ์ฉ ์์
- ์์ฒญ ID ์ถ์ : ์น ์๋ฒ์์ ๋ค์ด์ค๋ ๊ฐ ์์ฒญ์ ๊ณ ์ ID๋ฅผ ๋ถ์ฌํ๊ณ , ํด๋น ์์ฒญ๊ณผ ๊ด๋ จ๋ ๋ชจ๋ ๋น๋๊ธฐ ์์
(๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฟผ๋ฆฌ, ๋ก๊ทธ ๊ธฐ๋ก ๋ฑ)์์ ์ด ID๋ฅผ ์ถ์ ํ ์ ์๋ค.
- ์ฌ์ฉ์ ์ธ์ฆ ์ ๋ณด ๊ด๋ฆฌ: ์ฌ๋ฌ ํจ์๋ฅผ ๊ฑฐ์ณ ์ฌ์ฉ์ ์ ๋ณด๋ฅผ ์ ๋ฌํ์ง ์๊ณ ๋, ๋น๋๊ธฐ ์์
๋ด์์ ํ์ฌ ๋ก๊ทธ์ธ๋ ์ฌ์ฉ์์ ์ ๋ณด์ ์ฝ๊ฒ ์ ๊ทผํ ์ ์๋ค.