You Can Become A
๋ฆ๊ฒ ์์ํด๋ ๋๊ตฌ๋ ์ง ๋ ธ๋ ฅํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์ด์ !
์ด๋ฏธ์ง ์ ์ก
๐ FormData ์ฌ์ฉ๋ฒ & ์์ฉ ์ด์ ๋ฆฌ (+ fetch ์ ์ก)
FormData API ๋ณดํต ์๋ฒ์ ๋ฐ์ดํฐ๋ฅผ ์ ์กํ๊ธฐ ์ํด์๋ HTML5 ์ ํผ ํ๊ทธ๋ฅผ ์ฌ์ฉํด ๋ค์๊ณผ ๊ฐ์ด ๋ฉ๋ด๋ฅผ ๊ตฌ์ฑํ์ฌ ์ ์ถ ํด๋ณธ ๊ธฐ์ต๋ค์ด ์์ ๊ฒ์ด๋ค. ์์ด๋ ๋น๋ฐ๋ฒํธ ์ฑ๋ณ ๋จ์ ์ฌ์ ์์๋ถ์ผ ์์ด ์ํ ์ด ์ฒ๋ผ ๋ณดํต์ HTML5์ ํ๊ทธ์ด์ฉํด input ๊ฐ์ ์๋ฒ์ ์ ์กํ์ง๋ง, ์๋ฐ์คํฌ๋ฆฝํธ์์ FormData() ํด๋์ค๋ฅผ ์ด์ฉํด ๋๊ฐ์ด ์คํฌ๋ฆฝํธ๋ก๋ ์ ์ก์ ํ ์ ์๋ค. ์ฆ, FormData๋ HTML ๋จ์ด ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋จ์์ ํผ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃจ๋ ๊ฐ์ฒด๋ผ๊ณ ๋ณด๋ฉด ๋๋ค. ๊ทธ๋ฆฌ๊ณ HTML์์์ Submit ์ ์ถ ๋์์ Ajax๋ฅผ ํตํด ์๋ฒ์ ์ ์ถํ๋ค๊ณ ๋ณด๋ฉด ๋๋ค. let formData = new FormData(); // new FromData()๋ก ์๋ก์ด ๊ฐ์ฒด ์์ฑ formData.append('i..