Vue.js란 무엇이며 핵심 기능은 무엇인가요?

Vue.js는 사용자 인터페이스를 구축하기 위한 점진적(progressive) JavaScript 프레임워크입니다. "점진적"이라는 것은 페이지의 한 부분에만 도입하거나, 전체 생태계를 활용해 완전한 단일 페이지 앱(SPA)을 만드는 등 단계적으로 채택할 수 있다는 의미입니다.

최소한의 컴포넌트

<script setup>
import { ref } from "vue";
const count = ref(0);            // 반응형 상태
</script>

<template>
  <button @click="count++">Count is {{ count }}</button>
</template>

이 단일 파일 컴포넌트(SFC)는 로직(<script>), 마크업(<template>), 그리고 선택적으로 스타일(<style>)을 함께 묶습니다. 버튼을 클릭하면 가 갱신되고, Vue가 자동으로 텍스트를 다시 렌더링합니다.