์ธํŒŒ

You Can Become A

P

๋Šฆ๊ฒŒ ์‹œ์ž‘ํ•ด๋„ ๋ˆ„๊ตฌ๋“ ์ง€ ๋…ธ๋ ฅํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ ์ˆ˜ ์žˆ์–ด์š” !

์ด๋ฏธ์ง€ ์ „์†ก

๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค
JavaScript (WEB)

๐ŸŒ FormData ์‚ฌ์šฉ๋ฒ• & ์‘์šฉ ์ด์ •๋ฆฌ (+ fetch ์ „์†ก)

FormData API ๋ณดํ†ต ์„œ๋ฒ„์— ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” HTML5 ์˜ ํผ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ฉ”๋‰ด๋ฅผ ๊ตฌ์„ฑํ•˜์—ฌ ์ œ์ถœ ํ•ด๋ณธ ๊ธฐ์–ต๋“ค์ด ์žˆ์„ ๊ฒƒ์ด๋‹ค. ์•„์ด๋”” ๋น„๋ฐ€๋ฒˆํ˜ธ ์„ฑ๋ณ„ ๋‚จ์ž ์—ฌ์ž ์‘์‹œ๋ถ„์•ผ ์˜์–ด ์ˆ˜ํ•™ ์ด ์ฒ˜๋Ÿผ ๋ณดํ†ต์€ HTML5์˜ ํƒœ๊ทธ์ด์šฉํ•ด input ๊ฐ’์„ ์„œ๋ฒ„์— ์ „์†กํ•˜์ง€๋งŒ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ FormData() ํด๋ž˜์Šค๋ฅผ ์ด์šฉํ•ด ๋˜‘๊ฐ™์ด ์Šคํฌ๋ฆฝํŠธ๋กœ๋„ ์ „์†ก์„ ํ• ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰, FormData๋ž€ HTML ๋‹จ์ด ์•„๋‹Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‹จ์—์„œ ํผ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ฐ์ฒด๋ผ๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  HTML์—์„œ์˜ Submit ์ œ์ถœ ๋™์ž‘์€ Ajax๋ฅผ ํ†ตํ•ด ์„œ๋ฒ„์— ์ œ์ถœํ•œ๋‹ค๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. let formData = new FormData(); // new FromData()๋กœ ์ƒˆ๋กœ์šด ๊ฐ์ฒด ์ƒ์„ฑ formData.append('i..

category_image
์ธํŒŒ_
2022.08.17
14