enhancement/RECODE01#4/setting

src/component/challenge/api/getChallengeData.js

@@ -0,0 +1,14 @@
+const baseUrl =
+  "https://backend.ddudutodo.site/api/v1/challenges";
+
+// const cache = {};
+export const getData = async (keywords) => {
+
+  const res = await fetch(`${baseUrl}/`);
+  if (res.ok) {
+    const json = await res.json();
+    // cache[keywords] = json;
+    return json;
+  }
+  throw new Error("요청에 실패함");
+};

src/pages/challenge/list/index.js

@@ -1 +1,31 @@
-export default function CallengeListPage() {}
+import {getData} from "../../../../src/component/challenge/api/getChallengeData"
+export default function ChallengeList () {
+  const target = document.querySelector(".App")
+  const element = document.createElement("div")
+  let state =
+  [
+    {
+      "name": "string",
+      "contents": "string",
+      "image": "string",
+      "start_date": "2022-06-19T09:19:42.168000+00:00",
+      "end_date": "2022-06-19T09:19:42.168000+00:00",
+      "tags": [
+        "string"
+      ],
+      "id": 1
+    }
+  ]
+  state =  await getData(0)
+
+  const render = () => {
+    element.innerHTML = `
+    <h1>내 첼린지</h1>
+    <ul>
+  
+    </ul
+    
+  `
+  }
+  render()
+}