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