[Vue.js] vue.js란?

Vue.js는 사용자 인터페이스를 구축하기 위한 progressve(점진적) 자바스크립트 프레임워크이다.

• 웹 애플리케이션의 화면 부분을 구성하는데 사용되며, 반응형 UI를 손쉽게 개발할 수 있도록 도와준다.
• 직관적이고 유연한 API를 제공하므로 쉽게 배울 수 있으며, 작은 규모의 프로젝트부터 대규모 애플리케이션까지 다양한 범위의 프로젝트에 적합하다.
• 가벼운 크기와 직관적인 문법으로 인해, SPA (Single Page Application)개발에 매우 적합하다. ( => 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션)

 

특징

• 경량성:

다른 자바스크립트 프레임워크에 비해 가볍고 경량성을 가지고 있습니다. 파일 크기가 작고 초기 로딩 속도가 빠르며, 기본 기능 이외의 기능은 플러그인 형태로 추가할 수 있습니다.

• 반응성:

데이터의 변화에 따라 화면이 자동으로 업데이트되는 반응형 UI를 제공합니다. 데이터와 UI 사이의 양방향 바인딩을 통해 사용자 입력이나 데이터 변경에 따라 UI가 실시간으로 업데이트됩니다.

• 컴포넌트 기반 구조:

컴포넌트 기반 아키텍처를 채택하여 UI를 작은 재사용 가능한 컴포넌트로 분리합니다. 각 컴포넌트는 독립적으로 관리되며, 컴포넌트 간의 조합을 통해 복잡한 UI를 구축할 수 있습니다.

• 가상 DOM(Virtual DOM):

가상 DOM을 사용하여 효율적인 UI 렌더링을 달성합니다. 가상 DOM은 변경된 부분만 실제 DOM에 적용하여 성능을 향상시키고 불필요한 렌더링을 최소화합니다.

• 생태계:

활발한 개발자 커뮤니티와 다양한 생태계를 가지고 있습니다. Vue CLI를 통해 프로젝트를 구성하고, Vue Router를 사용하여 라우팅을 관리하며, Vuex를 사용하여 상태 관리를 수행할 수 있습니다. 또한 다양한 플러그인과 라이브러리가 있어서 개발 생산성을 높일 수 있습니다.