27๊ฐ Context๋ด RSC ์ฌ์ฉ ๊ด๋ จ ๋ฌธ์
AI ๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค. ๋ค๋ง ๋ต๋ณ ๋ด์ฉ ์ค "Provider๊ฐ ํด๋ผ์ด์ธํธ ์ปดํฌ๋ํธ๋ผ๋ฉด ๊ทธ ์์ ๋ชจ๋ ์์ ์ปดํฌ๋ํธ๋ ํด๋ผ์ด์ธํธ ํ๊ฒฝ์์ ์คํ๋๋ค"๋ ๋ถ๋ถ์ด ์ ๊ฐ ์๊ณ ์๋ ๋ด์ฉ๊ณผ ์ฐจ์ด๊ฐ ์์ด ์ถ๊ฐ๋ก ์ฌ์ญ๊ณ ์ ํฉ๋๋ค.์ ๊ฐ ์ดํดํ ๋ฐ๋ก๋, Client Component๊ฐ ์ง์ importํ ์ปดํฌ๋ํธ๋ Client ๊ฒฝ๊ณ์ ํฌํจ๋์ง๋ง, children prop์ผ๋ก ์ธ๋ถ์์ ์ฃผ์
๋ ์ปดํฌ๋ํธ๋ ๋ถ๋ชจ(Server Component)์์ ์ด๋ฏธ ๋ ๋๋ง์ด ๋๋ ๊ฒฐ๊ณผ๊ฐ ์ฌ๋กฏ์ผ๋ก ๋ค์ด๊ฐ๋ ๊ฒ์ด๋ผ Server Component ์ํ๋ฅผ ์ ์งํ๋ ๊ฒ์ผ๋ก ์๊ณ ์์ต๋๋ค.์ด composition pattern์ ์ฌ์ฉํ๋ฉด Provider๋ฅผ ์ฐ๋ฉด์๋ children ์์ญ์ RSC๋ก ์ ์งํ ์ ์์ด์, ์ค์ต ์๋ฃ์ "์ ๋ฐ ์ํคํ
์ฒ ๋ถ์"์ ์ ํ "App.tsx๋ฅผ 10๊ฐ์ Provider๋ก ๊ฐ์ธ๋ ์๊ฐ ๊ทธ ์๋์ ๋ชจ๋ ์ปดํฌ๋ํธ๋ ์๋ฒ ์ปดํฌ๋ํธ๋ก์์ ์ต์ ํ ๊ธฐํ๋ฅผ ์๊ฒ ๋ฉ๋๋ค"๋ผ๋ ์ค๋ช
์ด ๋ชจ๋ ๊ฒฝ์ฐ์ ํด๋นํ์ง๋ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.ํน์ ๊ฐ์์์๋ composition pattern์ ์ ์ฉํ์ง ์์ ์ผ๋ฐ์ ์ธ ๊ฒฝ์ฐ๋ฅผ ์ ์ ๋ก ์ค๋ช
ํด์ฃผ์ ๊ฑด์ง, ์ง์๊ณต์ ์๋์ ์๊ฒฌ์ด ๊ถ๊ธํฉ๋๋ค.(์ฐธ๊ณ ๋ก AI ์ธํด์ด ์ฒจ๋ถํด์ค ๋งํฌ๋ 404 ํ์ด์ง๋ก ์ฐ๊ฒฐ๋์ด ๋ต๋ณ์ ์ง์ ๊ด๋ จ๋ ์๋ฃ๋ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.)