Quest 16-F. 컴포넌트 기반 개발 Introduction 이번 퀘스트에서는 Vue.js 프레임워크를 통해 컴포넌트 기반의 웹 클라이언트 개발 방법론을 더 자세히 알아보겠습니다. Topics Vue.js framework vuex Virtual DOM Resources Vue.js Lifecycle Hooks State Management Virtual DOM Checklist Vue.js는 어떤 특징을 가지고 있는 웹 프레임워크인가요? Vue.js는 내부적으로 어떤 식으로 동작하나요? Vue.js에서의 컴포넌트란 무엇인가요? Vue 컴포넌트의 라이프사이클은 어떤 식으로 호출되나요? 컴포넌트 간에 데이터를 주고받을 때 단방향 바인딩과 양방향 바인딩 방식이 어떻게 다르고, 어떤 장단점을 가지고 있나요? Vue.js 기반의 웹 어플리케이션을 위한 상태관리 라이브러리에는 어떤 것이 있을까요? 이러한 상태관리 툴을 사용하는 것에는 어떤 장단점이 있을까요? Quest Vue.js를 통해 메모장 시스템을 다시 한 번 만들어 보세요. 어떤 컴포넌트가 필요한지 생각해 보세요. 각 컴포넌트별로 해당하는 CSS와 자바스크립트를 어떤 식으로 붙여야 할까요? Vue.js 시스템에 타입스크립트는 어떤 식으로 적용할 수 있을까요? 컴포넌트간에 데이터를 주고받으려면 어떤 식으로 하는 것이 좋을까요? vue-cli와 같은 Vue의 Boilterplating 기능을 이용하셔서 세팅하시면 됩니다. Advanced React와 Angular는 어떤 프레임워크이고 어떤 특징을 가지고 있을까요? Vue와는 어떤 점이 다를까요? Web Component는 어떤 개념인가요? 이 개념이 Vue나 React를 대체하게 될까요? Reactive Programming이란 무엇일까요?