[조형민] sprint4

ArticleService.js

@@ -0,0 +1,80 @@
+import axios from "axios";
+import { PrintError } from "./PrintError";
+
+const instance = axios.create({
+  baseURL: "https://sprint-mission-api.vercel.app/",
+  timeout: 3000,
+});
+
+export function getArticleList(params = {}) {
+  instance
+    .get("/articles", { params })
+    .then((res) => console.log(res.data))
+    .catch((e) => PrintError(e));
+}
+
+export function getArticle(id) {
+  instance
+    .get(`/articles/${id}`)
+    .then((res) => console.log(res.data))
+    .catch((e) => PrintError(e));
+}
+
+export function createArticle(article) {
+  instance
+    .post("/articles", article)
+    .then((res) => console.log(res.data))
+    .catch((e) => PrintError(e));
+}
+
+export function patchArticle(id, article) {
+  instance
+    .patch(`/articles/${id}`, article)
+    .then((res) => console.log(res.data))
+    .catch((e) => PrintError(e));
+}
+
+export function deleteArticle(id) {
+  instance
+    .delete(`/articles/${id}`)
+    .then((res) => console.log(res.data))
+    .catch((e) => PrintError(e));
+}
+
+/* fetch로 구현 연습 */
+// export async function getArticleList(params = {}) {
+//   const url = new URL('https://sprint-mission-api.vercel.app/articles');
+//   Object.keys(params).forEach(element => {
+//     url.searchParams.append(element, params[element]);
+//   });
+
+//   const res = await fetch(url);
+//   const data = await res.json();
+//   return data;
+
+// }
+
+// export async function getArticle(id) {
+//   const res = await fetch(`https://sprint-mission-api.vercel.app/articles/${id}`);
+//   const data = await res.json();
+//   return data;
+// }
+
+// export function getArticle(id) {
+//   fetch(`https://sprint-mission-api.vercel.app/articles/${id}`)
+//     .then((response) => response.json())
+//     .then((data) => { console.log(data); });
+// }
+
+// export async function createArticle(article) {
+//   const res = fetch('https://sprint-mission-api.vercel.app/articles', {
+//     method: 'POST',
+//     body: JSON.stringify(article),
+//     headers: {
+//       'Content-Type': 'application/json'
+//     },
+//   });
+//   const data = (await res).json();
+//   return data;
+
+// }

PrintError.js

@@ -0,0 +1,5 @@
+export function PrintError(e) {
+  console.log(
+    `status: ${e.response.status}\nmessage: ${e.response.data.message}`
+  );
+}

ProductService.js

@@ -0,0 +1,51 @@
+import axios from "axios";
+
+const instance = axios.create({
+  baseURL: "https://sprint-mission-api.vercel.app/",
+  timeout: 3000,
+});
+
+export async function getProductList(params = {}) {
+  try {
+    const res = await instance.get("/products", { params });
+    return res.data;
+  } catch (e) {
+    PrintError(e);
+  }
+}
+
+export async function getProduct(id) {
+  try {
+    const res = await instance.get(`/products/${id}`);
+    return res.data;
+  } catch (e) {
+    PrintError(e);
+  }
+}
+
+export async function createProduct(product) {
+  try {
+    const res = await instance.post("/products", product);
+    return res.data;
+  } catch (e) {
+    PrintError(e);
+  }
+}
+
+export async function patchProduct(id, product) {
+  try {
+    const res = await instance.patch(`/products/${id}`, product);
+    return res.data;
+  } catch (e) {
+    PrintError(e);
+  }
+}
+
+export async function deleteProduct(id) {
+  try {
+    const res = await instance.delete(`/products/${id}`);
+    return res.data;
+  } catch (e) {
+    PrintError(e);
+  }
+}

README.md

@@ -5,3 +5,11 @@
    * 랜딩 페이지  레이아웃/링크
    * 로그인 페이지 레이아웃/링크
    * 회원 가입 페이지 레이아웃/링크
+2. **스프린트 미션 3**
+   * 비밀번호 보이기/숨기기 버튼 기능 구현
+   * 로그인/회원가입 입력값 유효성 체크
+   * 로그인/회원가입 버튼 활성화
+   * 사용자 데이터 확인 후 에러메시지 팝업(모달)  또는 페이지 이동
+   * 반응형 디자인(PC, 태블릿, 모바일)
+3. **스프린트 미션 4**
+   * API를 이용한 비동기 처리 함수 구현