๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

vue๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ 1

Vue.js ๊ธฐ๋ณธ ๊ฐœ๋… / ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  / ๊ฐ€์ƒ ๋” Vue.js ๋ž€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(์ดํ•˜ js) ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ์›น ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ ์ค‘ ํ•˜๋‚˜์ด๋‹ค. MVVM ํŒจํ„ด์˜ ViewModel ๋ ˆ์ด์–ด์— ํ•ด๋‹นํ•˜๋Š” ํ™”๋ฉด๋‹จ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€๊ฒฝ๋˜๋ฉด DOM์— ๋‹ค์‹œ ๋Œ€์ž…ํ•ด์ค˜์•ผ ํ™”๋ฉด์ด ๋ณ€๊ฒฝ๋˜์—ˆ๋˜ ์ผ๋ฐ˜์ ์ธ ์›น ๊ฐœ๋ฐœ ๋ฐฉ์‹๊ณผ ๋‹ค๋ฅด๊ฒŒ, ๋ฐ์ดํ„ฐ ๋ณ€ํ™”๋ฅผ ๊ฐ์ง€ํ•˜์—ฌ ํ™”๋ฉด์— ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ๋ฐ”๋กœ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋‹ค. MVVM ํŒจํ„ด์„ ์‚ฌ์šฉํ•œ๋‹ค. Virtual DOM์„ ์‚ฌ์šฉํ•œ๋‹ค.(React์˜ ๊ฐ€์ƒ ๋” ์ฑ„ํƒ) ์–‘๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์„ ์ œ๊ณตํ•œ๋‹ค.(Angular์˜ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ ์ฑ„ํƒ) Template์™€ Component๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์žฌ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ ๋‹ค. ์™œ Vue.js ๋ฅผ ์‚ฌ์šฉํ• ๊นŒ? 1. ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์ด ๊ฐ„ํŽธํ•˜๋‹ค. ์•„๋ž˜ HTML ์ฝ”๋“œ์—์„œ ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ๋ณ€๊ฒฝํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ๊นŒ? hello.. 2022. 3. 17.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”