refector : axios 도입 및 페이지 api 연동 수정

package.json

@@ -31,5 +31,8 @@
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
+  },
+  "dependencies": {
+    "axios": "^1.6.5"
   }
 }

src/api/getArticle.js

@@ -1,7 +1,9 @@
+import axios from 'axios';
+
 export default async function getArticle(id) {
-  const res = await fetch('/dbs/articleList.json');
+  const res = await axios('/dbs/articleList.json');
 
-  const data = await res.json();
+  const data = await res.data;
 
   return data.articles[id];
 }

src/api/getArticleList.js

@@ -1,7 +1,9 @@
+import axios from 'axios';
+
 export default async function getArticleList() {
-  const res = await fetch('/dbs/articleList.json');
+  const res = await axios('/dbs/articleList.json');
 
-  const data = await res.json();
+  const data = await res.data;
 
   return data.articles;
 }