codeit-bootcamp-frontend · kiJu2 · Nov 6, 2025 · Oct 30, 2025 · Nov 3, 2025 · kiJu2
diff --git a/my-app/package-lock.json b/my-app/package-lock.json
diff --git a/my-app/package.json b/my-app/package.json
@@ -9,8 +9,16 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "next": "15.3.3",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.3.3"
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.2",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.9.3"
   }
 }
diff --git a/my-app/pages/_app.js b/my-app/pages/_app.js
diff --git a/my-app/pages/api/hello.js b/my-app/pages/api/hello.js
diff --git a/my-app/pages/index.js b/my-app/pages/index.js
diff --git a/my-app/postcss.config.js b/my-app/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/my-app/public/favicon.ico b/my-app/public/favicon.ico
diff --git a/my-app/public/file.svg b/my-app/public/file.svg
diff --git a/my-app/public/globe.svg b/my-app/public/globe.svg
diff --git a/my-app/public/next.svg b/my-app/public/next.svg
diff --git a/my-app/public/vercel.svg b/my-app/public/vercel.svg
diff --git a/my-app/public/window.svg b/my-app/public/window.svg
diff --git a/my-app/src/api/api.tsx b/my-app/src/api/api.tsx
@@ -0,0 +1,56 @@
+const BASE_URL = `${process.env.NEXT_PUBLIC_BASE_URL}/items`;
-const BASE_URL = `${process.env.NEXT_PUBLIC_BASE_URL}/items`;
+const BASE_URL = `${process.env.NEXT_PUBLIC_BASE_URL}`;
-const BASE_URL = `${process.env.NEXT_PUBLIC_BASE_URL}/items`;
+const BASE_URL = `${process.env.NEXT_PUBLIC_BASE_URL}`;
+
+export async function getData() {
+  try {
+    const response = await fetch(BASE_URL);
+    if (!response.ok) {
+      throw new Error("서버 요청 실패" + response.status);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    console.log("에러 발생", error);
+  }
+}
+
+export async function postData(todoData: string) {
+  try {
+    const response = await fetch(BASE_URL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ name: todoData }),
+    });
+    if (!response.ok) {
+      throw new Error("서버 요청 실패" + response.status);
+    }
+    const data = response.json();
+    return data;
+  } catch (error) {
+    console.log("에러 발생", error);
+  }
+}
+
+export async function patchData(
+  itemId: number,
+  updateData: Partial<{ name: string; isCompleted: boolean }>
+) {
+  try {
+    const response = await fetch(`${BASE_URL}/${itemId}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(updateData),
+    });
+    if (!response.ok) {
+      throw new Error("서버 요청 실패" + response.status);
+    }
+    const data = response.json();
+    return data;
+  } catch (error) {
+    console.log("에러 발생", error);
+  }
+}
-export async function patchData(
-  itemId: number,
-  updateData: Partial<{ name: string; isCompleted: boolean }>
-) {
-  try {
-    const response = await fetch(`${BASE_URL}/${itemId}`, {
-      method: "PATCH",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(updateData),
-    });
-    if (!response.ok) {
-      throw new Error("서버 요청 실패" + response.status);
-    }
-    const data = response.json();
-    return data;
-  } catch (error) {
-    console.log("에러 발생", error);
-  }
-}
+export async function patchData(
+  itemId: number,
+  updateData: PatchTodoRequest
+): Promise<ApiResponse<PatchTodoResponse>> {
+  try {
+    const response = await fetch(`${BASE_URL}/${itemId}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(updateData),
+    });
+    
+    if (!response.ok) {
+      throw new Error(`서버 요청 실패: ${response.status}`);
+    }
+    
+    const data: PatchTodoResponse = await response.json();
+    return { data };
+  } catch (error) {
+    console.log("에러 발생", error);
+    return { 
+      error: error instanceof Error ? error.message : "알 수 없는 오류가 발생했습니다" 
+    };
+  }
+}
+
-export async function patchData(
-  itemId: number,
-  updateData: Partial<{ name: string; isCompleted: boolean }>
-) {
-  try {
-    const response = await fetch(`${BASE_URL}/${itemId}`, {
-      method: "PATCH",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(updateData),
-    });
-    if (!response.ok) {
-      throw new Error("서버 요청 실패" + response.status);
-    }
-    const data = response.json();
-    return data;
-  } catch (error) {
-    console.log("에러 발생", error);
-  }
-}
+export async function patchData(
+  itemId: number,
+  updateData: PatchTodoRequest
+): Promise<ApiResponse<PatchTodoResponse>> {
+  try {
+    const response = await fetch(`${BASE_URL}/${itemId}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(updateData),
+    });
+    
+    if (!response.ok) {
+      throw new Error(`서버 요청 실패: ${response.status}`);
+    }
+    
+    const data: PatchTodoResponse = await response.json();
+    return { data };
+  } catch (error) {
+    console.log("에러 발생", error);
+    return { 
+      error: error instanceof Error ? error.message : "알 수 없는 오류가 발생했습니다" 
+    };
+  }
+}
+
diff --git a/my-app/src/assets/done.svg b/my-app/src/assets/done.svg
diff --git a/my-app/src/assets/donecheck.svg b/my-app/src/assets/donecheck.svg
diff --git a/my-app/src/assets/doneempty.svg b/my-app/src/assets/doneempty.svg