Vue

  • Vue.js๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI) ๊ฐœ๋ฐœ์„ ์œ„ํ•œ Progressive Framework ์ž…๋‹ˆ๋‹ค.

Progressive๋Š” ์›น์˜ ์žฅ์ ์ธ ์„ค์น˜๊ฐ€ ํ•„์š”์—†๋Š” ์ ‘๊ทผ์„ฑ๊ณผ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์˜ ์žฅ์ ์ธ ๋น ๋ฅด๊ณ  ๋›ฐ์–ด๋‚œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ชจ๋‘ ์ˆ˜์šฉํ•˜๊ณ  ํ‘œ์ค€ ํŒจํ„ด์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.

Vue์˜ ์žฅ์ 

  1. ์ง๊ด€์ ์ด๊ณ  ๋Ÿฌ๋‹์ปค๋ธŒ๊ฐ€ ๋น„๊ต์  ์งง์Šต๋‹ˆ๋‹ค.

  2. (์ปดํฌ๋„ŒํŠธ๋ฅผ ํ†ตํ•œ) ์žฌ์‚ฌ์šฉ์„ฑ์ด ์ข‹์•„์„œ ๋น ๋ฅด๊ฒŒ ์ข‹์€ ์ฝ”๋“œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  3. Angular(๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ)์™€ React(๊ฐ€์ƒ ๋”)์˜ ์žฅ์ ์„ ๋ชจ๋‘ ํก์ˆ˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

Vue์˜ ํŠน์ง•

  • MVVM(Model-View-ViewModel) ํŒจํ„ด: ๋ฐฑ์—”๋“œ ๋กœ์ง๊ณผ ํด๋ผ์ด์–ธํŠธ ๋งˆํฌ์—…(View, UI)์„ ๋ถ„๋ฆฌํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜๊ธฐ ์œ„ํ•œ ํŒจํ„ด์ž…๋‹ˆ๋‹ค.

  • ์ปดํฌ๋„ŒํŠธ: ์žฌ์‚ฌ์šฉ์„ฑ์„ ๊ณ ๋ คํ•œ ํ™”๋ฉด(View)์„ ์ด๋ฃจ๋Š” ์ž‘์€ ๋‹จ์œ„์ž…๋‹ˆ๋‹ค. .vue ํŒŒ์ผ ํ•˜๋‚˜๊ฐ€ ํ•˜๋‚˜์˜ ์ปดํฌ๋„ŒํŠธ์ž…๋‹ˆ๋‹ค.

๐Ÿ”— Reference

๐Ÿ”— (ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ) Vue.js ์ž…๋ฌธ์„œ

๐Ÿ”— by. ์žฅ๊ธฐํšจ

Last updated