Refactor: main.js에서 api 요청부 분리

src/api/DocumentAPI.js

@@ -0,0 +1,20 @@
+const API_END_POINT = "https://kdt-frontend.programmers.co.kr/documents";
+
+export const request = async (url, options = {}) => {
+  try {
+    const res = await fetch(`${API_END_POINT}/${url}`, {
+      ...options,
+      headers: {
+        "x-username": "sscoderati",
+        "Content-Type": "application/json",
+      },
+    });
+
+    if (res.ok) {
+      return res.json();
+    }
+    throw new Error("Something Wrong during request");
+  } catch (error) {
+    console.log(error.message);
+  }
+};

src/components/Document.js

@@ -1,6 +1,6 @@
 import Component from "../core/Component";
 import DocumentItem from "./DocumentItem";
-import { request } from "../main";
+import { request } from "../api/DocumentAPI";
 
 export default class Document extends Component {
   constructor() {

src/components/DocumentItem.js

@@ -1,5 +1,5 @@
 import Component from "../core/Component";
-import { request } from "../main";
+import { request } from "../api/DocumentAPI";
 
 export default class DocumentItem extends Component {
   constructor() {

src/components/Editor.js

@@ -1,6 +1,6 @@
 import Component from "../core/Component";
 import { getItem, setItem } from "../core/Storage";
-import { request } from "../main";
+import { request } from "../api/DocumentAPI";
 
 export default class Editor extends Component {
   constructor(postId) {

src/main.js

@@ -1,23 +1,4 @@
 import App from "./app";
-export const API_END_POINT = "https://kdt-frontend.programmers.co.kr/documents";
 
-export const request = async (url, options = {}) => {
-  try {
-    const res = await fetch(`${API_END_POINT}/${url}`, {
-      ...options,
-      headers: {
-        "x-username": "sscoderati",
-        "Content-Type": "application/json",
-      },
-    });
-
-    if (res.ok) {
-      return res.json();
-    }
-    throw new Error("Something Wrong during request");
-  } catch (error) {
-    console.log(error.message);
-  }
-};
 const rootEl = document.getElementById("root");
 rootEl.append(new App().el);