์ต์ข ํ๋ก์ ํธ์์ ์ฐ๋ฆฌ ํ์ ํด๋์ค101, ๋ชจ์นด ํด๋์ค ๋ฑ์ ๋ชจํฐ๋ธํ ์ทจ๋ฏธ๊ณต์ ํ๋ซํผ์ ์ ์ํ๊ธฐ๋ก ํ์ผ๋ฉฐ, ์จ๋ผ์ธ ์์์ ํ๋ซํผ์ ํตํด ๊ฐ์ ์ทจ๋ฏธ๋ฅผ ๊ฐ์ง ์ฌ๋๋ค๋ผ๋ฆฌ ์ค์ ๋ก ๋ชจ์ฌ ์ทจ๋ฏธ๋ฅผ ๊ณต์ ํ ์ ์๋๋ก ์๋น์ค๋ฅผ ์ ๊ณตํด์ฃผ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๋ค.
ํ๋ซํผ์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ ์ค ๋๋ ์ฌ์ฉ์๋ค์ด ์ทจ๋ฏธ์ ๊ด๋ จ๋ ์ ๋ณด ๋ฐ ์ด์ผ๊ธฐ๋ฅผ ๋๋ ์ ์๋ ์ปค๋ฎค๋ํฐ ๊ธฐ๋ฅ์ ๋ด๋นํ์ฌ ์ ์ฒด ๊ฒ์๊ธ๊ณผ ์ธ๊ธฐ ๊ฒ์๊ธ ๋ฐ ์นดํ ๊ณ ๋ฆฌ ๋ณ ๊ฒ์๊ธ์ ๋ณผ ์ ์๋ ์ปค๋ฎค๋ํฐ ํ์ด์ง ์ ์๊ณผ ๊ฒ์๊ธ ์์ฑ ๋ฐ ์์ , ์ญ์ ๊ทธ๋ฆฌ๊ณ ๊ฒ์๊ธ ์์ธํ์ด์ง์์ ๊ฒ์๊ธ์ ์ถ์ฒํ๋ ๊ธฐ๋ฅ๊ณผ ๋๊ธ์ ์์ฑํ ์ ์๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ธฐ๋ก ํ๋ค.
์ด๋ฒ ํ ์ฃผ๋ ๋ฐฑ์๋ API๋ฅผ ๋ค๋ฌ๊ณ ์ค๊ณํ API๋ฅผ ํ ๋๋ก ํ๋ก ํธ์์ fetch ์์ฒญ์ ๋ณด๋ด request ์๋ต ๋ฐ์ดํฐ๋ฅผ response๋ก ๋ด๋ ค์ฃผ๋ ์์ ์ ์งํํ๋ค.
์ค๊ณํ ๋ฐฑ์๋ API๋ฅผ fetch๋ก ์์ฒญ ํด๋ณด๋ ํด๋น ๊ธฐ๋ฅ์์ ๋ถํ์ํ ๋ฐ์ดํฐ๋ ๋ง์ด ๋ณด์๊ณ , POST ์์ฒญ์ ๋ณด๋ผ ๋ ํ์ ์ ๋ ฅ ๊ฐ๊ณผ ์ ํ์ ์ผ๋ก ์ ๋ ฅ ํด์ผํ ๊ฐ๋ ์์ํ๋ ๊ฒ๊ณผ ๋ฌ๋ผ ๋ฐฑ์๋ API๋ฅผ ์ค๊ณํ ๋ ์์ฒญ์ ์ ๋ ฅํ ๋ฐ์ดํฐ์ ์์ฒญ์ ๋ํ ์๋ต ๋ฐ์ดํฐ๋ฅผ ํด๋ผ์ด์ธํธ ์ ์ฅ์์ ์ถฉ๋ถํ ์๊ฐํ๊ณ ์ค๊ณํด์ผ ๋๋ค๋ ๊ฒ์ ๊นจ๋ฌ์๋ค.
๊ทธ๋ฆฌ๊ณ ๊ฒ์๊ธ ๋๊ธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ฉด์ ๋๊ธ์ ์์ฑํ์ ๋ ๊ฒ์๊ธ์ด ์์ ๋๋ ๋ฌธ์ ๊ฐ ์์๋๋ฐ serializer์ id ๊ฐ์ผ๋ก ๊ฐ์ ธ์จ ๋ชจ๋ธ ์ธ์คํด์ค์ request data๋ฅผ ๋ฃ์๊ธฐ ๋๋ฌธ์ ํด๋น ๋ชจ๋ธ ์ธ์คํด์ค๊ฐ ์์ ๋์๋ค.
serializer์ request data๋ง ๋ฃ๊ณ serializer๋ฅผ ๊ฒ์ฆ ํ ์ ์ฅํ ๋ ์ด๋ค ๊ฒ์๊ธ์ ๋๊ธ์ ์์ฑํ ์ง ๊ฒ์๊ธ์ id ๊ฐ์ ๋ฃ์ด์ฃผ๋ฉด์ ํด๊ฒฐํ ์ ์์๋ค.