[Vue] Vue란?

 

• Evan You 가 2014년에 출시
• vue.js는 가벼우면서도 쓰기 쉽고 유연한 개발 도구 지향
• User Interface 개발을 위한 자바스크립트 프레임워크

 

📌 Vue의 특징

• 높은 유연성:
  다른 프레임워크/라이브러리와 쉽게 통합할 수 있는 플러그인 시스템을 제공한다. 뷰 레이어 관리에 집중하되, 상태 관리나 라우팅 같은 다른 기능은 프로젝트 요구 사항에 맞게 선택해서 적용할 수 있다.
• 강력한 반응성 시스템:
  상태 변경을 감지해 DOM을 자동으로 업데이트하고 부가적인 동작을 수행하는 반응성(Reactivity)이 뛰어나다. UI 업데이트 관리가 쉽고, 사용자 경험을 향상시키는 데 도움이 된다.
• 컴포넌트 기반 아키텍처:
  애플레이션을 작고 독립적인 컴포넌트(Component) 단위로 구성하기 때문에 코드 재사용성과 유지보수성이 높고, 컴포넌트끼리의 통신 및 상태 관리가 편리하다.
• 선언적 렌더링:
  프로그래밍 언어 단계에서 코드를 하나하나 작성할 필요 없이, 간단한 구문을 사용해 선언하기만 하면 DOM 에 데이터를 렌더링 할 수 있는 시스템을 가지고 있다.
• 편리한 Vue CLI:
  프로젝트 생성 및 개발 서버 실행이나 빌드, 테스트, 배포 자동화, 플로그인 추가 등에 도움이 되는 Vue CLI를 통해 프로젝트를 보다 쉽게 설정하고 관리할 수 있다.

 

- Right-way가 있다: 리액트는 코드를 짜는 방법이 자유롭지만, vue는 답이 정해져 있다. (ex. for문을 쓰려면 v-for 쓰듯이) => 초보에게 좋다, 협업할 때 편리하다, 틀에 맞춘 코드이기 때문에 수정과 관리가 쉽다
(JSX, functional component와 같은 리액트스러운 자유로운 웹앱 프로그래밍도 지원)
- 빠르다: HTML 렌더링하는 시간이 빠르다
- 장기적 지원 O: 꾸준히 업데이트 되고 있다. Documentation이 매우 잘 되어 있다.

 

📌 Vue 의 핵심 기능

1. 선언적 렌더링 (Declarative Rendering) : Vue 는 템플릿 구문 {{ 데이터 }} 을 활용하여 데이터를 선억적으로 출력(렌더링) 할 수 있도록 한다.

 

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

 

참고 :

https://www.inflearn.com/pages/dc-vue3-202311

Vue.js의 차세대 흐름, Vue 3에서 달라진 점 - 인프런 | 스토리

코딩애플 vue 강의

https://www.youtube.com/watch?v=xkixxgabC5M&list=PLlaP-jSd-nK_foOwYtxED1nCDKvI1W0P2&index=3