Quest 16F

Author: Kivol

Quest16-F/README.md

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