<aside> ๐Ÿ’ก React ์ปค๋ฎค๋‹ˆํ‹ฐ์˜ ์ฐจ์„ธ๋Œ€ ๊ด€์‹ฌ์‚ฌ๋Š” Streaming SSR๊ณผ React Server Component์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ RSC์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•œ๊ฒƒ๋“ค์— ๋Œ€ํ•ด ์–˜๊ธฐํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค.

</aside>

RSC์— ๋Œ€ํ•ด ์–˜๊ธฐํ•˜๊ธฐ์ „ ๊ธฐ์กด์˜ React data fetching ๋ฐฉ์‹

Untitled

Untitled

ํŽ˜์ด์ง€์—์„œ ์—ฌ๋Ÿฌ ์ •๋ณด๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐœ๋ฐœํ•œ๋‹ค๋ฉด ์•„๋ž˜์™€ ๊ฐ™์„ ์ˆ˜ ์žˆ๋‹ค.

<ArtistDetails> ์ปดํฌ๋„ŒํŠธ์™€ ์ž์‹ ์ปดํฌ๋„ŒํŠธ์ธ <TopTracks>, <Discography> ์ปดํฌ๋„ŒํŠธ๋Š” ์„œ๋กœ ๋‹ค๋ฅธ ์ •๋ณด๊ฐ€ ํ•„์š”ํ•˜๊ณ  ์ด ์ •๋ณด๋Š” artistId๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์„œ๋ฒ„์—์„œ API๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ๋ฐ›์•„์™€์•ผ ํ•œ๋‹ค.

Untitled

ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์–ป๋Š” ๋ฐฉ๋ฒ•์€ 2๊ฐ€์ง€๊ฐ€ ์žˆ๋Š”๋ฐ

  1. ์ตœ์ƒ์œ„์—์„œ ๋ชจ๋“  ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜จ ๋‹ค์Œ ์ž์‹์—๊ฒŒ ๋‚ด๋ ค์ค€๋‹ค.
  2. ๊ฐ๊ฐ์˜ ์ปดํฌ๋„ŒํŠธ์—์„œ API๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค.