๐ŸŒธ [ HTML ] - form ํƒœ๊ทธ enctype ์†์„ฑ , input ํƒœ๊ทธ multifile ์†์„ฑ , ์ฒจ๋ถ€ํŒŒ์ผ ๊ธฐ๋Šฅ

0
post-thumbnail

๐ŸŸฆ formํƒœ๊ทธ์˜ enctype์†์„ฑ

  • ํŒŒ์ผ์„ ์—…๋กœ๋“œ ํ• ๋•Œ
  • <form>ํƒœ๊ทธ์—์„œ ENCTYPE="multipart/form-data"๋ผ๋Š” ์• ํŠธ๋ฆฌ๋ทฐํŠธ๋ฅผ ๋ฐ˜๋“œ์‹œ ์จ์•ผ ํ•จ
  • ๊ทธ๋ ‡๊ฒŒ ํ•˜์ง€ ์•Š์œผ๋ฉด ์›น ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋„˜๊ธธ๋•Œ ํŒŒ์ผ์˜ ๊ฒฝ๋กœ๋ช…๋งŒ ์ „์†ก๋˜๊ณ  ํŒŒ์ผ ๋‚ด์šฉ์ด ์ „์†ก๋˜์ง€ ์•Š๋Š”๋‹ค.
  • ๊ทธ๋ฆฌ๊ณ  ์ด๋•Œ METHOD ์• ํŠธ๋ฆฌ๋ทฐํŠธ์—๋Š” 'POST' ๊ฐ’์„ ์ง€์ •ํ•ด์•ผ ํ•จ
  • enctype์€ ์ „์†ก๋˜๋Š” ๋ฐ์ดํ„ฐ ํ˜•์‹์„ ์„ค์ •
  • enctype ์†์„ฑ์€ ๋‹ค์Œ ์„ธ๊ฐ€์ง€์˜ ๊ฐ’์œผ๋กœ ์ง€์ •๋  ์ˆ˜ ์žˆ์Œ
  1. application/www-form-urlencoded
    • ๋””ํดํŠธ๊ฐ’์ด๋‹ค. enctype์„ ๋”ฐ๋กœ ์„ค์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ์ด ๊ฐ’์ด ์„ค์ •๋œ๋‹ค.
    • ํผ๋ฐ์ดํ„ฐ๋Š” ์„œ๋ฒ„๋กœ ์ „์†ก๋˜๊ธฐ ์ „์— URL-Encode ๋จ
  2. multipart/form-data
    • ํŒŒ์ผ์ด๋‚˜ ์ด๋ฏธ์ง€๋ฅผ ์„œ๋ฒ„๋กœ ์ „์†กํ•  ๊ฒฝ์šฐ ์ด ๋ฐฉ์‹์„ ์‚ฌ์šฉ
  3. text/plain
    • ์ด ํ˜•์‹์€ ์ธ์ฝ”๋”ฉ์„ ํ•˜์ง€ ์•Š์€ ๋ฌธ์ž ์ƒํƒœ๋กœ ์ „์†ก

๐ŸŸฆ inputํƒœ๊ทธ์˜ multiple ์†์„ฑ

  • input ํƒœ๊ทธ์˜ multiple ์†์„ฑ์€ input ์š”์†Œ์— ์‚ฌ์šฉ์ž๊ฐ€ ๋‘˜ ์ด์ƒ์˜ ๊ฐ’์„ ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ์Œ์„ ๋ช…์‹œํ•ฉ๋‹ˆ๋‹ค.
  • multiple ์†์„ฑ์ด ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜๋Š” input ์š”์†Œ์˜type ์†์„ฑ๊ฐ’์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.
  • email
    • <input> ์š”์†Œ์˜ type ์†์„ฑ๊ฐ’์ด โ€œemailโ€์ธ ๊ฒฝ์šฐ์—๋Š” ์ด๋ฉ”์ผ ์‚ฌ์ด์— ์ฝค๋งˆ(,)๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ์—ฌ๋Ÿฌ ์ด๋ฉ”์ผ ์ฃผ์†Œ๋ฅผ ๋™์‹œ์— ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ,
  • file
    • type ์†์„ฑ๊ฐ’์ด โ€œfileโ€์ธ ๊ฒฝ์šฐ์—๋Š” CTRL์ด๋‚˜ SHIFTํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—ฌ๋Ÿฌ ํŒŒ์ผ์„ ๋™์‹œ์— ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • multiple ์†์„ฑ์€ ๋ถˆ๋ฆฌ์–ธ(boolean) ์†์„ฑ์ž…๋‹ˆ๋‹ค.
    • ๋ถˆ๋ฆฌ์–ธ ์†์„ฑ์€ ํ•ด๋‹น ์†์„ฑ์„ ๋ช…์‹œํ•˜์ง€ ์•Š์œผ๋ฉด ์†์„ฑ๊ฐ’์ด ์ž๋™์œผ๋กœ false ๊ฐ’์„ ๊ฐ€์ง€๊ฒŒ ๋˜๋ฉฐ,
    • ๋ช…์‹œํ•˜๋ฉด ์ž๋™์œผ๋กœ true ๊ฐ’์„ ๊ฐ€์ง€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
profile
๋ช‡ ๋ฒˆ์„ ๋„˜์–ด์ ธ๋„ ์•ž์œผ๋กœ ๊ณ„์† ๋‚˜์•„๊ฐ€์ž

0๊ฐœ์˜ ๋Œ“๊ธ€