소개 | Vue.js

→ 이 문서는 Vue 3에 대한 문서이다!

Vue는 무엇일까요?

→ Vue는 사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크이다.

• 표준 HTML, CSS, JavaScript를 기반으로 구축된다.
  • 사용자 인터페이스를 효율적으로 개발할 수 있는 컴포넌트 기반 프로그래밍 모델을 제공한다.

Vue의 두 가지 핵심 기능

• 선언적 렌더링(Declarative Rendering)
  • 표준 HTML을 템플릿 문법으로 확장하여 JavaScript 상태(State)를 기반으로, 화면에 출력될 HTML을 선언적으로 작성할 수 있다.

import { createApp } from 'vue'

createApp({
	data() {
		return {
			count: 0
		}
	}
}).mount('#app')

• 반응성(Reactivity)
  • JavaScript 상태 변경을 추적하고, 변경이 발생하면 DOM을 효율적으로 자동으로 업데이트한다.

<div id="app">
	<button @click="count++">
		숫자 세기: {{ count }}
	</button>
</div>

프로그레시브 프레임워크

→ Vue는 프론트엔드 개발에 필요한 대부분의 공통 기능을 다루는 프레임워크로, 유연하고 점진적으로 채택할 수 있도록 설계되었다.