๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

vue ๊ฐ์ฒด ์ €์žฅ1

[v-model] ์ž๋™ ๋ฐ”์ธ๋”ฉ : input์ž…๋ ฅ ๊ฐ’ ๋ณ€์ˆ˜์— ์ž๋™ ์ €์žฅํ•˜๊ธฐ ์ด ๊ฒŒ์‹œ๋ฌผ์—์„œ๋Š” v-model์„ ํ™œ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ input์— ์ž…๋ ฅํ•œ ๋‚ด์šฉ์„ ๋ณ€์ˆ˜์— ์ž๋™์œผ๋กœ ๋ฐ”์ธ๋”ฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋‹ค๋ฃฌ๋‹ค. ๋ชฉ์ฐจ๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ํ•˜์˜€๋‹ค.1. v-model?2. ์˜ˆ์‹œ3. ๋ฒˆ์™ธ  1. v-model?v-model์€ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์„ ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก vue์—์„œ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š” ๋””๋ ‰ํ‹ฐ๋ธŒ์ด๋‹ค.  ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์ด ๋ฌด์—‡์ด๋ƒ? binding์€ ๋ฌถ๋‹ค, ๊ฒฐ๋ฐ•ํ•˜๋‹ค ๋“ฑ์˜ ์˜๋ฏธ๋กœ ์‚ฌ์šฉ๋˜๋Š” ์˜๋‹จ์–ด์ด๋‹ค. data binding์ด๋ผ ํ•˜๋ฉด ์‰ฝ๊ฒŒ ๋งํ•ด, ํ™”๋ฉด ์š”์†Œ์™€ ๊ฐ์ฒด ๋ฐ์ดํ„ฐ๋ฅผ ๋ฌถ์–ด์„œ ๋™๊ธฐํ™” ์‹œํ‚ค๋Š” ๊ธฐ๋ฒ•์ด๋ผ๊ณ  ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. ์–ด๋– ํ•œ ์ƒํƒœ ๋ณ€ํ™”์— ๋”ฐ๋ผ ํ™”๋ฉด์ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ž๋™ ์—…๋ฐ์ดํŠธ ๋˜์–ด์•ผํ•œ๋‹ค๊ฑฐ๋‚˜, ์‚ฌ์šฉ์ž์—๊ฒŒ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ฐ˜์‘ํ•˜๋Š” ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ํ•„์š”ํ•˜๋‹ค๊ฑฐ๋‚˜ ๋“ฑ์˜ ์—ฌ๋Ÿฌ ์ƒํ™ฉ์—์„œ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์ด ํ™œ์šฉ๋œ๋‹ค. ํŠน์ • ๋ฐ์ดํ„ฐ.. 2024. 4. 25.
๋ฐ˜์‘ํ˜•