suspense (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [ React ] Suspense๋ ๋ฌด์์ผ๊น? React์ Suspense๋ React 18์์ ์ ์์ผ๋ก ์ง์๋ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ์ง์ํ๋ React์ ๋ด์ฅ ์ปดํฌ๋ํธ๋ก, ๋น๋๊ธฐ ์ฒ๋ฆฌ๊ฐ ์งํ๋๋ ๋์, ์ฌ์ฉ์์๊ฒ ๋ก๋ฉ์ ๋ํ ์ํ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค. Suspense๋ Suspense์ ๊ฒฝ๊ณ๋ฅผ ์ค์ ํ๊ณ , ๊ฒฝ๊ณ ๋ด์์ ๋น๋๊ธฐ์ ์ผ๋ก ๋ก๋๋๋ ์ปดํฌ๋ํธ๋ ๋ฐ์ดํฐ์ ๋ํ ๋ก๋ฉ ์ํ๋ฅผ ๊ด๋ฆฌํ๋ค. ์ด๋ฐ ๋ก๋ฉ ์ํ๋ fallbackํ๋กํผํฐ๋ฅผ ํตํด ์ฌ์ฉ์์๊ฒ ํ์๋๋ค. Suspense์ ์์ ์ปดํฌ๋ํธ(children)๊ฐ ์ค์ ๋น๋๊ธฐ ์ฒ๋ฆฌ ์ดํ์ ๋ ๋๋ง ๋๋ ์ปดํฌ๋ํธ์ด๋ค. ์์ ๊ฐ์ด {children}๋ก ์ฌ์ฉ๋๋ฉฐ, React Suspense๋ ์ฃผ๋ก React ์ ํ๋ฆฌ์ผ์ด์ ์ ๋น๋๊ธฐ ๋ฐ์ดํฐ ๋ก๋ฉ์ ์ํด ์ฌ์ฉ๋๋ React.lazy์ ํจ๊ป ์ฌ์ฉ๋๋ค.(React.lazy.. ์ด์ 1 ๋ค์