아둥바둥 버텨라

애플리케이션이 복잡해지고 컴포넌트 수가 많아지면, 컴포넌트 간의 데이터 전달 및 관리가 점점 더 어려워진다. 기본적으로 Vue.js2에선 자식 컴포넌트간 데이터를 전달하는 eventBus가 있었지만 Vue.js3에선 EventBus 가 없다. 앱의 크기가 커질수록 코드의 복잡성이 높아지고 객체를 전달하면서 짬뽕이 되가는 코드가 되니 없앴다고 하는데 음.. 그렇다면 부모자식 컴포넌트간에 데이터를 전달하는거야 props, emit이 있으니 그렇다고 치고 자식자식 컴포넌트간의 데이터 전달은 자식부모자식 이렇게 진행이 되야하는 걸까 Vuex는 Vue.js의 상태관리 패턴 + 라이브러리 이다. 모든 컴포넌트에 대한 중앙집중식 저장소 역할을 하게 된다. 즉, 부모든 자식이든 데이터를 전달하면서 복잡하게 만들지 말고..

Vue의 특징 가상 DOM 지원 MVVM 패턴 MVVM패턴? View HTML, CSS 유저인터페이스(UI) Model 도메인 특화 데이터 ViewModel View의 실제 논리 및 데이터 흐름 : 상태와 연산 개발환경 Node.js or SpringBoot : 서버측 플랫폼 (내 재량에 따라 선택) NPM(Node Package Manager) : 의존성 관리를 위한 노드패키지관리자 Vscode : 코드편집도구(IDE) Vue-CLI : Vue 앱 작성을 위한 도구 Chrome FrontEnd 디자인된 내용을 화면을 통해 구현 UI, 데이터 처리 및 상태관리 babel.config.js 코드를 변환시킴 과거의 코드형태로 바꿔주는 것 'browserslist'에서 활용 package.json script..