Vue란?
Vue는 사용자 인터페이스를 구축하기 위한 JavaScript Framework입니다.
표준 HTML, CSS, JavaScript 위에 구축되며 선언적이고 Component 기반의 프로그래밍 모델을 제공하여 복잡도에 상관없이 효율적으로 사용자 인터페이스를 개발할 수 있도록 도와준다.
Vue는 크게 2가지 핵심 기능을 제공한다.
- 선언적 렌더링(Declarative Rendering) : Vue는 표쥰 HTML을 확장한 Template 문법을 제공하며, JavaScript 상태에 따라 HTML 출력을 선언적으로 기술할 수 있다.
- 반응성(Reactivity) : Vue는 JavaScript 상태 변화를 자동으로 추적하고, 변화가 발생하면 DOM을 효율적으로 업데이트 한다.
Vue는 SPA를 기반으로 동작한다.
SPA (Single Page Application)란?
SPA는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 사이트나 웹 어플리케이션을 말한다.
너무 어려운 말이니 간단하게 말하면 하나의 페이지 안에 요소를 바꾸면서 동작하는 방식이다. (유저 컴퓨터에서 동적으로 페이지를 로딩하고 있는 것이다!)
SFC(Single File Component)란?
대부분의 빌드 도구 기반 Vue 프로젝트에서는 Single File Component라는 HTML 유사 파일 형식을 사용하여 Vue 컴포넌트를 작성한다.
Vue SFC는 컴포넌트의 로직(JavaScript), 템플릿(HTML), 스타일(CSS)를 하나의 파일에 캡슐화한다.
이렇게 함으로서 공통 관심사를 하나의 파일로 관리할 수 있으며, 이 컴포넌트들을 동적으로 관리하여 코드 가독성을 높인다.
참고 자료
https://ko.vuejs.org/guide/introduction.html
Vue.js
Vue.js - 프로그래시브 자바스트립트 프레임워크
ko.vuejs.org
싱글 페이지 애플리케이션 - 위키백과, 우리 모두의 백과사전
위키백과, 우리 모두의 백과사전. 싱글 페이지 애플리케이션(single-page application, SPA, 스파)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사
ko.wikipedia.org
프레임워크 Vue 알아보기
Vue란? 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립트 프레임워크 공식문서: https://ko.vuejs.org/ Vue의 핵심 기능 선언적 렌더링(Declarative Render
velog.io
혹시라도 틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다!!