Vue.js2 [Vue] Vuex? 상태관리? (개념/사용이유) vuex라는 vue에서 컴포넌트간 유기적으로 데이터를 주고 받을 수 있는 패턴이자 라이브러리에 대해 알아보자 Vuex란? Vue에서 사용하는 상태관리 패턴 여러 컴포넌트 간의 데이터 전달과 이벤트 통신을 한 곳에서 관리하는 패턴 Vuex 필요할까? Vue는 가상 DOM을 활용하여 모든 요소를 실시간 반응형 컴포넌트로 생성할 수 있다는 특징이 있다. 프로젝트의 규모가 커질 수록, 컴포넌트는 늘어나게 되고 늘어난 컴포넌트들 관계에서 데이터를 주고 받는 부모/자식 관계는 더욱 복잡해질 것이다. 예를 들어, vue에서 한 페이지에서도 header, footer, button, list 등 여러 컴포넌트들이 겹쳐져 구성되는데 컴포넌트가 많아지게 된다면 컴포넌트간 통신(props, event emit 등)은 어떻게.. 2022. 10. 11. [Vue] Vue.js란?-정의, 특징, 장/단점 Vue.js란? 사용자 인터페이스(UI) 및 단일 페이지 어플리케이션(SPA)을 구축하기 위한 JavaScript 프레임워크 점진적인 프레임워크 *점진적인 프레임워크? - 라이브러리 기능 + 프레임워크 기능 + 라이브러리 기능 : 화면단 데이터 표현에 관한 기능들을 중점적으로 지원 + 프레임워크 기능 : 라우터, 상태관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공 Vue.js의 동작원리 가상 DOM으로 화면 요소를 변경 및 조작하고 최종 결과물을 DOM Tree에 반영 가상 DOM? - DOM을 최소한으로 조작하여 처리하는 방식 - 가상 DOM이라는 DOM 트리를 모방한 가벼운 JS 객체를 통해 직접 DOM을 핸들링 하지 않고 자바스크립트가 HTML을 렌더링 하는 방법 가상 DOM을 사용하는 이유.. 2022. 10. 9. 이전 1 다음
