[JAVASCRIPT] Fetch API & FormData๋ฅผ ์ด์ฉํ ๋ค์คํ์ผ ์
๋ก๋
ยท
Frontend/JavaScript
โ ์ํ ์ด๋ฏธ์ง ์
๋ก๋๋ฅผ ์ํ HTML ์ํ ์ด๋ฏธ์ง ๋ฑ๋ก ํ๊ทธ์ enctype ์์ฑ๊ฐ์ multipart/form-data๋ก ์ง์ ํฉ๋๋ค. โป๋งค์ฐ ์ค์โป ํ๊ทธ์ multiple ์์ฑ์ ์์์ ์ฌ์ฉ์๊ฐ ๋ ์ด์์ ๊ฐ์ ์
๋ ฅํ ์ ์์์ ๋ช
์ํฉ๋๋ค. ํ์ผ์ ์
๋ก๋ ํ๊ธฐ ์ํด์๋ ํ๊ทธ์ type ์์ฑ๊ฐ์ file๋ก ์ง์ ํฉ๋๋ค. โ ์ด๋ฒคํธ๋ฆฌ์ค๋ ์ด์ฉ์ ์ํ ํ๊ทธ ๋ฑ๋ก โ Fetch API & FormData๋ฅผ ์ด์ฉํ์ฌ ์๋ฒ์ Request ์ ๋ฌ fetch() ํจ์๋ ์ฒซ๋ฒ์งธ ์ธ์๋ก URL, ๋๋ฒ์งธ ์ธ์๋ก Option ๊ฐ์ฒด๋ฅผ ๋ฐ๊ณ , Promise ํ์
์ ๊ฐ์ฒด๋ฅผ ๋ฆฌํดํฉ๋๋ค. URL์ ํ์ ๋งค๊ฐ๋ณ์ ์
๋๋ค. ๋ฐํ๋ ๊ฐ์ฒด๋, API ํธ์ถ์ด ์ฑ๊ณตํ์ ๊ฒฝ์ฐ response ๊ฐ์ฒด๋ฅผ resolveํ๊ณ , ์คํจํ์ ๊ฒฝ์ฐ error ..