๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€

 (97)
[React] Lazy initialization SleepyWoods ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ ์ „์ฒด ์ฑ„ํŒ… ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ–ˆ์—ˆ๋‹ค. ์ „์ฒด์ฑ„ํŒ…์„ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ํ˜น์‹œ ๋ถ€๋“์ดํ•œ ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•ด ์ƒˆ๋กœ๊ณ ์นจ์ด ๋˜๋Š” ๊ฒฝ์šฐ์— ์ด์ „์— ๋‚˜๋ˆด๋˜ ์ด์•ผ๊ธฐ๋ฅผ ํ™•์ธํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„๊นŒ? ๋ผ๋Š” ์ƒ๊ฐ์— ํœ˜๋ฐœ์„ฑ์œผ๋กœ ์ฑ„ํŒ… ๋‚ด์—ญ์„ ์ผ์‹œ์ ์œผ๋กœ ์ €์žฅํ•˜๊ธฐ๋กœ ํ•˜์˜€๊ณ , ํ˜„์žฌ ์ƒํ™ฉ์—์„œ Redis๋ฅผ ๋„์ž…ํ•˜๊ธฐ์—๋Š” ์ผ์ •์ ์œผ๋กœ ๋ฌด๋ฆฌ๊ฐ€ ์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์„ธ์…˜ ์Šคํ† ๋ฆฌ์ง€๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด์ „ ์ฑ„ํŒ… ๋‚ด์—ญ์„ ์ดˆ๊ธฐ์— ๊ฐ€์ ธ์˜ค๊ธฐ ์œ„ํ•ด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ–ˆ๋‹ค. const [chatDatas, setChatDatas] = useState(() => { const sessionStorageChat = sessionStorage.getItem('chat'); return sessionStorageChat ? JSON.parse..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”