리소스 추가

Author: jeonghwan-kim

resources/bg.png

@@ -0,0 +1,11 @@
+import model from "./model";
+import view from "./view";
+
+const controller = {
+  async init(el) {
+    this.el = el;
+    view.render(await model.get(), this.el);
+  }
+};
+
+export default controller;

resources/controller.js

@@ -0,0 +1,14 @@
+const data = [
+  { keyword: "이탈리아" },
+  { keyword: "세프의요리" },
+  { keyword: "제철" },
+  { keyword: "홈파티" }
+];
+
+const model = {
+  get() {
+    return data;
+  }
+};
+
+export default model;

resources/model.js

@@ -0,0 +1,14 @@
+const view = {
+  render(data, el) {
+    el.innerHTML =
+      "<ul>" +
+      data
+        .map(item => {
+          return `<li>${item.keyword}</li>`;
+        })
+        .join("") +
+      "</ul>";
+  }
+};
+
+export default view;