From 279e8e27998afef6e29e02a7cfc04693d418f27f Mon Sep 17 00:00:00 2001
From: Yoonsoyoung02 <yoonsoyoung56@gmail.com>
Date: Sat, 22 Mar 2025 22:47:18 +0900
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20creat.tsx=EC=99=80=20todos.tsx=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/create/index.tsx | 187 ++++++++++++++++++++-
 src/pages/todos/index.tsx  | 328 ++++++++++++++++++++++++++++++++++++-
 2 files changed, 510 insertions(+), 5 deletions(-)

diff --git a/src/pages/create/index.tsx b/src/pages/create/index.tsx
index 897fd83..9130670 100644
--- a/src/pages/create/index.tsx
+++ b/src/pages/create/index.tsx
@@ -1,3 +1,188 @@
 export default function Create() {
-  return <div>Create</div>;
+  return (
+    <div
+      style={{
+        position: "absolute",
+        left: "0px",
+        top: "0px",
+        width: "100vw",
+        height: "100vh",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        background: "rgba(255, 255, 255, 1)",
+      }}
+    >
+
+      <div
+        style={{
+          position: "relative",
+          width: "666px",
+          height: "auto",
+          display: "flex",
+          flexDirection: "column",
+          padding: "48px 32px",
+          rowGap: "10px",
+          flexWrap: "wrap",
+          alignContent: "flex-start",
+          borderRadius: 8,
+          background: "#FFFFFF",
+          boxShadow:
+            "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+        }}
+      >
+        <h1
+          style={{
+            textAlign: "center",
+            fontFamily: "Roboto",
+            fontSize: "36px",
+            fontWeight: "600",
+            lineHeight: "28px",
+            letterSpacing: "0px",
+            color: "#111827",
+          }}
+        >
+          <b>할 일 추가/수정</b>
+        </h1>
+
+        {/* 제목 입력 필드 */}
+        <div style={{ marginBottom: "4px", width: "100%" }}>
+          <label>제목</label>
+        </div>
+        <div>
+          <input
+            type="text"
+            placeholder="제목을 입력하세요"
+            style={{
+              width: "100%",
+              height: "26px",
+              padding: "8px 12px",
+              border: "1px solid #ccc",
+            }}
+          />
+        </div>
+
+        {/* 내용 입력 필드 */}
+        <div style={{ marginTop: "24px", width: "100%" }}>
+          <label>내용</label>
+        </div>
+        <div>
+          <textarea
+            placeholder="내용을 입력하세요"
+            style={{
+              width: "100%",
+              height: "98px",
+              padding: "8px 12px",
+              border: "1px solid #ccc",
+            }}
+          />
+        </div>
+
+        {/* 진행상황 입력 필드 */}
+        <div style={{ marginTop: "24px", width: "100%" }}>
+          <label>진행상황</label>
+        </div>
+        <div>
+          <input
+            type="text"
+            placeholder="시작 전"
+            style={{
+              width: "100%",
+              height: "26px",
+              padding: "8px 12px",
+              border: "1px solid #ccc",
+              marginBottom: "24px",
+            }}
+          />
+        </div>
+
+        {/* 날짜 입력 필드 */}
+        <div style={{ display: "flex", gap: "16px", width: "100%" }}>
+
+          {/* 시작 날짜 */}
+          <div style={{ display: "flex", flexDirection: "column", width: "50%" }}>
+            <label>시작 날짜</label>
+            <input
+              type="date"
+              style={{
+                width: "100%",
+                height: "26px",
+                padding: "8px 12px",
+                border: "1px solid #ccc",
+                marginTop: "4px",
+              }}
+            />
+          </div>
+
+          {/* 종료 날짜 */}
+          <div style={{ display: "flex", flexDirection: "column", width: "50%" }}>
+            <label>종료 날짜</label>
+            <input
+              type="date"
+              style={{
+                width: "100%",
+                height: "26px",
+                padding: "8px 12px",
+                border: "1px solid #ccc",
+                marginTop: "4px",
+              }}
+            />
+          </div>
+        </div>
+
+        {/* 담당자 입력 필드 */}
+        <div style={{ marginTop: "24px", width: "100%" }}>
+          <label>담당자</label>
+        </div>
+        <div>
+          <input
+            type="text"
+            placeholder="담당자를 입력하세요"
+            style={{
+              width: "100%",
+              height: "26px",
+              padding: "8px 12px",
+              border: "1px solid #ccc",
+            }}
+          />
+        </div>
+
+        {/* 버튼 컨테이너 */}
+        <div
+          style={{
+            width: "100%",
+            height: "38px",
+            padding: "16px",
+            marginTop: "24px",
+            display: "flex",
+            justifyContent: "flex-end",
+            gap: "10px",
+          }}
+        >
+          <button
+            style={{
+              padding: "8px 16px",
+              border: "1px solid #ccc",
+              background: "#f5f5f5",
+              cursor: "pointer",
+            }}
+          >
+            취소
+          </button>
+
+          <button
+            style={{
+              padding: "8px 16px",
+              border: "none",
+              background: "rgba(0, 0, 0, 1)",
+              color: "white",
+              cursor: "pointer",
+            }}
+          >
+            저장
+          </button>
+        </div>
+      </div>
+    </div>
+  );
 }
diff --git a/src/pages/todos/index.tsx b/src/pages/todos/index.tsx
index 896b30c..8a19888 100644
--- a/src/pages/todos/index.tsx
+++ b/src/pages/todos/index.tsx
@@ -1,5 +1,325 @@
-function Todos() {
-  return <div>Todos</div>;
-}
+import React from "react";
+
+export default function App() {
+  return (
+    <div
+      style={{
+        width: "100vw",
+        height: "100vh",
+        background: "#f8f9fa",
+        padding: "32px",
+        boxSizing: "border-box",
+      }}
+    >
+      {/* ✅ 헤더 */}
+      <div
+        style={{
+          display: "flex",
+          alignItems: "center",
+          padding: "16px",
+          background: "#fff",
+          boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.1)",
+          width: "100%",
+          position: "fixed",
+          top: "0px",
+          left: "0px",
+          zIndex: 1000,
+        }}
+      >
+        <img
+          src='/logo.png'
+          alt='logo'
+          style={{ width: "32px", height: "32px" }}
+        />
+      </div>
+
+      {/* ✅ 헤더 아래 */}
+      <div style={{ height: "80px" }} />
+
+      {/* ✅ 박스 전체 레이아웃 */}
+      <div
+        style={{
+          display: "flex",
+          gap: "24px",
+          justifyContent: "center",
+          alignItems: "flex-start",
+        }}
+      >
+        {/* ✅ 시작하지 않음 박스 */}
+        <div
+          style={{
+            width: "300px",
+            background: "#fff",
+            borderRadius: "8px",
+            padding: "16px",
+            boxShadow:
+              "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+            display: "flex",
+            flexDirection: "column",
+            marginTop: "56px",
+          }}
+        >
+          <h2
+            style={{
+              fontSize: "18px",
+              fontWeight: "bold",
+              marginBottom: "16px",
+            }}
+          >
+            시작하지 않음
+          </h2>
+
+          {/* 시작 전 */}
+          <div
+            style={{
+              background: "#F9FAFB",
+              border: "1px solid #E5E7EB",
+              borderRadius: "8px",
+              padding: "12px",
+              display: "flex",
+              flexDirection: "column",
+              gap: "8px",
+              marginBottom: "12px",
+            }}
+          >
+            <div
+              style={{
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+              }}
+            >
+              <div style={{ fontWeight: "500" }}>UI 개발</div>
+              <div
+                style={{
+                  backgroundColor: "#E5E7EB",
+                  color: "#374151",
+                  fontSize: "12px",
+                  fontWeight: "bold",
+                  borderRadius: "9999px",
+                  padding: "4px 12px",
+                }}
+              >
+                03/21
+              </div>
+            </div>
+            <div style={{ color: "#6B7280", fontSize: "14px" }}>공통</div>
+            <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+              <div
+                style={{
+                  width: "24px",
+                  height: "24px",
+                  borderRadius: "9999px",
+                  backgroundColor: "#ccc",
+                  boxShadow: "0px 0px 0px 2px #fff",
+                  marginTop: "20px",
+                }}
+              />
+              <span
+                style={{
+                  fontWeight: "500",
+                  fontSize: "14px",
+                  color: "#6B7280",
+                  marginTop: "20px",
+                }}
+              >
+                A,B
+              </span>
+            </div>
+          </div>
+        </div>
 
-export default Todos;
+        {/* ✅ 진행 중 박스 */}
+        <div
+          style={{
+            width: "300px",
+            background: "#fff",
+            borderRadius: "8px",
+            padding: "16px",
+            boxShadow:
+              "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+            display: "flex",
+            flexDirection: "column",
+            marginTop: "56px",
+          }}
+        >
+          <h2
+            style={{
+              fontSize: "18px",
+              fontWeight: "bold",
+              marginBottom: "16px",
+            }}
+          >
+            진행 중
+          </h2>
+
+          <div
+            style={{
+              background: "#F9FAFB",
+              border: "1px solid #E5E7EB",
+              borderRadius: "8px",
+              padding: "12px",
+              display: "flex",
+              flexDirection: "column",
+              gap: "8px",
+              marginBottom: "12px",
+            }}
+          >
+            <div
+              style={{
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+              }}
+            >
+              <div style={{ fontWeight: "500" }}>서비스 마크업</div>
+              <div
+                style={{
+                  backgroundColor: "#FEF3C7",
+                  color: "#92400E",
+                  fontSize: "12px",
+                  fontWeight: "bold",
+                  borderRadius: "9999px",
+                  padding: "4px 12px",
+                }}
+              >
+                02/27
+              </div>
+            </div>
+            <div style={{ color: "#6B7280", fontSize: "14px" }}>프론트엔드</div>
+            <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+              <div
+                style={{
+                  width: "24px",
+                  height: "24px",
+                  borderRadius: "9999px",
+                  backgroundColor: "#ccc",
+                  boxShadow: "0px 0px 0px 2px #fff",
+                  marginTop: "20px",
+                }}
+              />
+              <span
+                style={{
+                  fontWeight: "500",
+                  fontSize: "14px",
+                  color: "#6B7280",
+                  marginTop: "20px",
+                }}
+              >
+                C
+              </span>
+            </div>
+          </div>
+        </div>
+
+        {/* ✅ 완료 박스 + 버튼 세로 정렬 */}
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            gap: "16px",
+            alignItems: "flex-end",
+          }}
+        >
+          <button
+            style={{
+              padding: "8px 16px",
+              height: "40px",
+              border: "none",
+              background: "#000",
+              color: "#fff",
+              cursor: "pointer",
+              borderRadius: "4px",
+              width: "fit-content",
+            }}
+          >
+            + 새 할 일 추가
+          </button>
+
+          <div
+            style={{
+              width: "300px",
+              background: "#fff",
+              borderRadius: "8px",
+              padding: "16px",
+              boxShadow:
+                "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+              display: "flex",
+              flexDirection: "column",
+            }}
+          >
+            <h2
+              style={{
+                fontSize: "18px",
+                fontWeight: "bold",
+                marginBottom: "16px",
+              }}
+            >
+              완료
+            </h2>
+
+            <div
+              style={{
+                background: "#F9FAFB",
+                border: "1px solid #E5E7EB",
+                borderRadius: "8px",
+                padding: "12px",
+                display: "flex",
+                flexDirection: "column",
+                gap: "8px",
+                marginBottom: "12px",
+              }}
+            >
+              <div
+                style={{
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                }}
+              >
+                <div style={{ fontWeight: "500" }}>데이터 준비</div>
+                <div
+                  style={{
+                    backgroundColor: "#DCFCE7",
+                    color: "#166534",
+                    fontSize: "12px",
+                    fontWeight: "bold",
+                    borderRadius: "9999px",
+                    padding: "4px 12px",
+                  }}
+                >
+                  완료
+                </div>
+              </div>
+              <div style={{ color: "#6B7280", fontSize: "14px" }}>공통</div>
+              <div
+                style={{ display: "flex", alignItems: "center", gap: "8px" }}
+              >
+                <div
+                  style={{
+                    width: "24px",
+                    height: "24px",
+                    borderRadius: "9999px",
+                    backgroundColor: "#ccc",
+                    boxShadow: "0px 0px 0px 2px #fff",
+                    marginTop: "20px",
+                  }}
+                />
+                <span
+                  style={{
+                    fontWeight: "500",
+                    fontSize: "14px",
+                    color: "#6B7280",
+                    marginTop: "20px",
+                  }}
+                >
+                  임한솔
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

From 50e74839dc6818de43c04bf75f54be977c23b89d Mon Sep 17 00:00:00 2001
From: Yoonsoyoung02 <yoonsoyoung56@gmail.com>
Date: Sun, 23 Mar 2025 00:45:55 +0900
Subject: [PATCH 2/7] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20&=20Creat=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/UI_image/Todos.png | Bin 0 -> 38325 bytes
 src/pages/create/index.tsx   | 125 ++++++++++++++++-------------------
 2 files changed, 57 insertions(+), 68 deletions(-)
 create mode 100644 src/pages/UI_image/Todos.png

diff --git a/src/pages/UI_image/Todos.png b/src/pages/UI_image/Todos.png
new file mode 100644
index 0000000000000000000000000000000000000000..346c234280280d86c46cf9e70a5464911a9b4970
GIT binary patch
literal 38325
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

literal 0
HcmV?d00001

diff --git a/src/pages/create/index.tsx b/src/pages/create/index.tsx
index 9130670..206a5f9 100644
--- a/src/pages/create/index.tsx
+++ b/src/pages/create/index.tsx
@@ -2,33 +2,26 @@ export default function Create() {
   return (
     <div
       style={{
-        position: "absolute",
-        left: "0px",
-        top: "0px",
-        width: "100vw",
-        height: "100vh",
+        width: "100%",
         display: "flex",
         justifyContent: "center",
-        alignItems: "center",
-        background: "rgba(255, 255, 255, 1)",
+        background: "#fff",
+        paddingTop: "60px",
       }}
     >
-
+      {/* 할 일 추가/수정 */}
       <div
         style={{
-          position: "relative",
           width: "666px",
-          height: "auto",
           display: "flex",
           flexDirection: "column",
-          padding: "48px 32px",
           rowGap: "10px",
-          flexWrap: "wrap",
-          alignContent: "flex-start",
           borderRadius: 8,
-          background: "#FFFFFF",
+          background: "#fff",
           boxShadow:
             "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+          padding: "48px 32px",
+          boxSizing: "border-box", // ✅ 박스 안쪽 패딩 고려
         }}
       >
         <h1
@@ -37,126 +30,123 @@ export default function Create() {
             fontFamily: "Roboto",
             fontSize: "36px",
             fontWeight: "600",
-            lineHeight: "28px",
-            letterSpacing: "0px",
+            lineHeight: "44px", // ✅ line-height 보정
             color: "#111827",
+            marginBottom: "24px",
           }}
         >
-          <b>할 일 추가/수정</b>
+          할 일 추가/수정
         </h1>
 
-        {/* 제목 입력 필드 */}
-        <div style={{ marginBottom: "4px", width: "100%" }}>
-          <label>제목</label>
-        </div>
-        <div>
+        {/* 제목 */}
+        <div style={{ width: "100%" }}>
+          <label style={{ fontWeight: "bold" }}>제목</label>
           <input
-            type="text"
-            placeholder="제목을 입력하세요"
+            type='text'
+            placeholder='제목을 입력하세요'
             style={{
               width: "100%",
-              height: "26px",
               padding: "8px 12px",
               border: "1px solid #ccc",
+              boxSizing: "border-box",
+              marginTop: "4px",
             }}
           />
         </div>
 
-        {/* 내용 입력 필드 */}
-        <div style={{ marginTop: "24px", width: "100%" }}>
-          <label>내용</label>
-        </div>
-        <div>
+        {/* 내용 */}
+        <div style={{ width: "100%", marginTop: "24px" }}>
+          <label style={{ fontWeight: "bold" }}>내용</label>
           <textarea
-            placeholder="내용을 입력하세요"
+            placeholder='내용을 입력하세요'
             style={{
               width: "100%",
               height: "98px",
               padding: "8px 12px",
               border: "1px solid #ccc",
+              boxSizing: "border-box",
+              marginTop: "4px",
             }}
           />
         </div>
 
-        {/* 진행상황 입력 필드 */}
-        <div style={{ marginTop: "24px", width: "100%" }}>
-          <label>진행상황</label>
-        </div>
-        <div>
+        {/* 진행상황 */}
+        <div style={{ width: "100%", marginTop: "24px" }}>
+          <label style={{ fontWeight: "bold" }}>진행상황</label>
           <input
-            type="text"
-            placeholder="시작 전"
+            type='text'
+            placeholder='시작 전'
             style={{
               width: "100%",
-              height: "26px",
               padding: "8px 12px",
               border: "1px solid #ccc",
-              marginBottom: "24px",
+              boxSizing: "border-box",
+              marginTop: "4px",
             }}
           />
         </div>
 
-        {/* 날짜 입력 필드 */}
-        <div style={{ display: "flex", gap: "16px", width: "100%" }}>
-
-          {/* 시작 날짜 */}
-          <div style={{ display: "flex", flexDirection: "column", width: "50%" }}>
-            <label>시작 날짜</label>
+        {/* 날짜 */}
+        <div
+          style={{
+            display: "flex",
+            gap: "16px",
+            width: "100%",
+            marginTop: "24px",
+          }}
+        >
+          <div style={{ flex: 1, display: "flex", flexDirection: "column" }}>
+            <label style={{ fontWeight: "bold" }}>시작 날짜</label>
             <input
-              type="date"
+              type='date'
               style={{
                 width: "100%",
-                height: "26px",
                 padding: "8px 12px",
                 border: "1px solid #ccc",
+                boxSizing: "border-box",
                 marginTop: "4px",
               }}
             />
           </div>
-
-          {/* 종료 날짜 */}
-          <div style={{ display: "flex", flexDirection: "column", width: "50%" }}>
-            <label>종료 날짜</label>
+          <div style={{ flex: 1, display: "flex", flexDirection: "column" }}>
+            <label style={{ fontWeight: "bold" }}>종료 날짜</label>
             <input
-              type="date"
+              type='date'
               style={{
                 width: "100%",
-                height: "26px",
                 padding: "8px 12px",
                 border: "1px solid #ccc",
+                boxSizing: "border-box",
                 marginTop: "4px",
               }}
             />
           </div>
         </div>
 
-        {/* 담당자 입력 필드 */}
-        <div style={{ marginTop: "24px", width: "100%" }}>
-          <label>담당자</label>
-        </div>
-        <div>
+        {/* 담당자 */}
+        <div style={{ width: "100%", marginTop: "24px" }}>
+          <label style={{ fontWeight: "bold" }}>담당자</label>
           <input
-            type="text"
-            placeholder="담당자를 입력하세요"
+            type='text'
+            placeholder='담당자를 입력하세요'
             style={{
               width: "100%",
-              height: "26px",
               padding: "8px 12px",
               border: "1px solid #ccc",
+              boxSizing: "border-box",
+              marginTop: "4px",
             }}
           />
         </div>
 
-        {/* 버튼 컨테이너 */}
+        {/* 버튼 */}
         <div
           style={{
             width: "100%",
-            height: "38px",
-            padding: "16px",
-            marginTop: "24px",
             display: "flex",
             justifyContent: "flex-end",
             gap: "10px",
+            marginTop: "32px",
           }}
         >
           <button
@@ -169,12 +159,11 @@ export default function Create() {
           >
             취소
           </button>
-
           <button
             style={{
               padding: "8px 16px",
               border: "none",
-              background: "rgba(0, 0, 0, 1)",
+              background: "#000",
               color: "white",
               cursor: "pointer",
             }}

From 134ce2ba923416b6ac36365632e7e1f4c358ec11 Mon Sep 17 00:00:00 2001
From: Yoonsoyoung02 <yoonsoyoung56@gmail.com>
Date: Sun, 23 Mar 2025 00:48:10 +0900
Subject: [PATCH 3/7] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/UI_image/Create.png | Bin 0 -> 17284 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/pages/UI_image/Create.png

diff --git a/src/pages/UI_image/Create.png b/src/pages/UI_image/Create.png
new file mode 100644
index 0000000000000000000000000000000000000000..27cba8b72763e9722e1af848ff413f2d2c7820a3
GIT binary patch
literal 17284
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
TdASGhB<PW{=7Yj}7BBxV%=F_8

literal 0
HcmV?d00001


From c75527b4ba412ff65f617f95b1f2827103c89ea5 Mon Sep 17 00:00:00 2001
From: Eatcoding <trivialcoding6@gmail.com>
Date: Mon, 24 Mar 2025 11:32:32 +0900
Subject: [PATCH 4/7] =?UTF-8?q?=EB=A7=88=ED=81=AC=EC=97=85=20=ED=94=BC?=
 =?UTF-8?q?=EB=93=9C=EB=B0=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/todos/index.tsx | 380 ++++++++++++++++++++------------------
 1 file changed, 203 insertions(+), 177 deletions(-)

diff --git a/src/pages/todos/index.tsx b/src/pages/todos/index.tsx
index 8a19888..9f79a07 100644
--- a/src/pages/todos/index.tsx
+++ b/src/pages/todos/index.tsx
@@ -2,17 +2,17 @@ import React from "react";
 
 export default function App() {
   return (
-    <div
+    <main
       style={{
         width: "100vw",
         height: "100vh",
         background: "#f8f9fa",
-        padding: "32px",
         boxSizing: "border-box",
       }}
     >
       {/* ✅ 헤더 */}
-      <div
+      {/* // 시멘트 태그 의미론적 태그로 변경 */}
+      <header
         style={{
           display: "flex",
           alignItems: "center",
@@ -22,230 +22,250 @@ export default function App() {
           width: "100%",
           position: "fixed",
           top: "0px",
-          left: "0px",
           zIndex: 1000,
         }}
       >
         <img
-          src='/logo.png'
-          alt='logo'
+          src="/logo.png"
+          alt="logo"
           style={{ width: "32px", height: "32px" }}
         />
-      </div>
+      </header>
 
       {/* ✅ 헤더 아래 */}
-      <div style={{ height: "80px" }} />
-
-      {/* ✅ 박스 전체 레이아웃 */}
-      <div
-        style={{
-          display: "flex",
-          gap: "24px",
-          justifyContent: "center",
-          alignItems: "flex-start",
-        }}
-      >
-        {/* ✅ 시작하지 않음 박스 */}
+      {/* 버튼 영역을 문서 흐름에 맞게 상위로 이동 */}
+      {/* width는 90% 로 하고 margin 을 이용한 가운데 정렬 */}
+      <section style={{ width: "90%", margin: "0 auto" }}>
         <div
           style={{
-            width: "300px",
-            background: "#fff",
-            borderRadius: "8px",
-            padding: "16px",
-            boxShadow:
-              "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
             display: "flex",
-            flexDirection: "column",
-            marginTop: "56px",
+            justifyContent: "flex-end",
           }}
         >
-          <h2
+          <button
             style={{
-              fontSize: "18px",
-              fontWeight: "bold",
-              marginBottom: "16px",
+              marginTop: "80px",
+              padding: "8px 16px",
+              height: "40px",
+              border: "none",
+              background: "#000",
+              color: "#fff",
+              cursor: "pointer",
+              borderRadius: "4px",
+              width: "fit-content",
             }}
           >
-            시작하지 않음
-          </h2>
+            + 새 할 일 추가
+          </button>
+        </div>
 
-          {/* 시작 전 */}
+        {/* ✅ 박스 전체 레이아웃 */}
+        <div
+          style={{
+            display: "flex",
+            gap: "24px",
+            // 본문 상위에서 width 90% 가운데 정렬 했으므로 삭제
+          }}
+        >
+          {/* ✅ 시작하지 않음 박스 */}
           <div
             style={{
-              background: "#F9FAFB",
-              border: "1px solid #E5E7EB",
+              // 현재 같은 위치의  flex item 들이 동일한 비율로 공간을 차지하게 변경
+              flex: 1,
+              background: "#fff",
               borderRadius: "8px",
-              padding: "12px",
-              display: "flex",
-              flexDirection: "column",
-              gap: "8px",
-              marginBottom: "12px",
+              padding: "16px",
+              boxShadow:
+                "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+              marginTop: "56px",
             }}
           >
+            <h2
+              style={{
+                fontSize: "18px",
+                fontWeight: "bold",
+                marginBottom: "16px",
+              }}
+            >
+              시작하지 않음
+            </h2>
+
+            {/* 시작 전 */}
             <div
               style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
+                background: "#F9FAFB",
+                border: "1px solid #E5E7EB",
+                borderRadius: "8px",
+                padding: "12px",
+                // gap 에 영향을 받는 요소가 하나뿐이라 굳이 flex를 주지 않고 하위 div에 marginTop 설정
               }}
             >
-              <div style={{ fontWeight: "500" }}>UI 개발</div>
               <div
                 style={{
-                  backgroundColor: "#E5E7EB",
-                  color: "#374151",
-                  fontSize: "12px",
-                  fontWeight: "bold",
-                  borderRadius: "9999px",
-                  padding: "4px 12px",
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
                 }}
               >
-                03/21
+                <div style={{ fontWeight: "500" }}>UI 개발</div>
+                <div
+                  style={{
+                    backgroundColor: "#E5E7EB",
+                    color: "#374151",
+                    fontSize: "12px",
+                    fontWeight: "bold",
+                    borderRadius: "9999px",
+                    padding: "4px 12px",
+                  }}
+                >
+                  03/21
+                </div>
+              </div>
+              <div
+                style={{ color: "#6B7280", fontSize: "14px", marginTop: "8px" }}
+              >
+                공통
               </div>
-            </div>
-            <div style={{ color: "#6B7280", fontSize: "14px" }}>공통</div>
-            <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+              {/* avatar 겹치는 css  */}
               <div
                 style={{
-                  width: "24px",
-                  height: "24px",
-                  borderRadius: "9999px",
-                  backgroundColor: "#ccc",
-                  boxShadow: "0px 0px 0px 2px #fff",
-                  marginTop: "20px",
-                }}
-              />
-              <span
-                style={{
-                  fontWeight: "500",
-                  fontSize: "14px",
-                  color: "#6B7280",
+                  display: "flex",
+                  alignItems: "center",
                   marginTop: "20px",
                 }}
               >
-                A,B
-              </span>
+                {[0, 1, 2].map((i) => (
+                  <div
+                    key={i}
+                    style={{
+                      width: "24px",
+                      height: "24px",
+                      borderRadius: "9999px",
+                      backgroundColor: "#ccc",
+                      boxShadow: "0px 0px 0px 2px #fff",
+                      zIndex: 10 - i,
+                      marginLeft: i > 0 ? "-12px" : "0",
+                    }}
+                  />
+                ))}
+
+                <span
+                  style={{
+                    fontWeight: "500",
+                    fontSize: "14px",
+                    color: "#6B7280",
+                    marginLeft: "8px",
+                  }}
+                >
+                  A,B,C
+                </span>
+              </div>
             </div>
           </div>
-        </div>
-
-        {/* ✅ 진행 중 박스 */}
-        <div
-          style={{
-            width: "300px",
-            background: "#fff",
-            borderRadius: "8px",
-            padding: "16px",
-            boxShadow:
-              "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
-            display: "flex",
-            flexDirection: "column",
-            marginTop: "56px",
-          }}
-        >
-          <h2
-            style={{
-              fontSize: "18px",
-              fontWeight: "bold",
-              marginBottom: "16px",
-            }}
-          >
-            진행 중
-          </h2>
 
+          {/* ✅ 진행 중 박스 */}
           <div
             style={{
-              background: "#F9FAFB",
-              border: "1px solid #E5E7EB",
+              flex: 1,
+              background: "#fff",
               borderRadius: "8px",
-              padding: "12px",
-              display: "flex",
-              flexDirection: "column",
-              gap: "8px",
-              marginBottom: "12px",
+              padding: "16px",
+              boxShadow:
+                "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
+              marginTop: "56px",
             }}
           >
+            <h2
+              style={{
+                fontSize: "18px",
+                fontWeight: "bold",
+                marginBottom: "16px",
+              }}
+            >
+              진행 중
+            </h2>
+
             <div
               style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
+                background: "#F9FAFB",
+                border: "1px solid #E5E7EB",
+                borderRadius: "8px",
+                padding: "12px",
+                marginBottom: "12px",
               }}
             >
-              <div style={{ fontWeight: "500" }}>서비스 마크업</div>
               <div
                 style={{
-                  backgroundColor: "#FEF3C7",
-                  color: "#92400E",
-                  fontSize: "12px",
-                  fontWeight: "bold",
-                  borderRadius: "9999px",
-                  padding: "4px 12px",
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
                 }}
               >
-                02/27
+                <div style={{ fontWeight: "500" }}>서비스 마크업</div>
+                <div
+                  style={{
+                    backgroundColor: "#FEF3C7",
+                    color: "#92400E",
+                    fontSize: "12px",
+                    fontWeight: "bold",
+                    borderRadius: "9999px",
+                    padding: "4px 12px",
+                  }}
+                >
+                  02/27
+                </div>
+              </div>
+              <div
+                style={{ color: "#6B7280", fontSize: "14px", marginTop: "8px" }}
+              >
+                프론트엔드
               </div>
-            </div>
-            <div style={{ color: "#6B7280", fontSize: "14px" }}>프론트엔드</div>
-            <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
               <div
                 style={{
-                  width: "24px",
-                  height: "24px",
-                  borderRadius: "9999px",
-                  backgroundColor: "#ccc",
-                  boxShadow: "0px 0px 0px 2px #fff",
-                  marginTop: "20px",
-                }}
-              />
-              <span
-                style={{
-                  fontWeight: "500",
-                  fontSize: "14px",
-                  color: "#6B7280",
+                  display: "flex",
+                  alignItems: "center",
                   marginTop: "20px",
                 }}
               >
-                C
-              </span>
+                {[0].map((i) => (
+                  <div
+                    key={i}
+                    style={{
+                      width: "24px",
+                      height: "24px",
+                      borderRadius: "9999px",
+                      backgroundColor: "#ccc",
+                      boxShadow: "0px 0px 0px 2px #fff",
+                      zIndex: 10 - i,
+                      marginLeft: i > 0 ? "-12px" : "0",
+                    }}
+                  />
+                ))}
+
+                <span
+                  style={{
+                    fontWeight: "500",
+                    fontSize: "14px",
+                    color: "#6B7280",
+                    marginLeft: "8px",
+                  }}
+                >
+                  A
+                </span>
+              </div>
             </div>
           </div>
-        </div>
-
-        {/* ✅ 완료 박스 + 버튼 세로 정렬 */}
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            gap: "16px",
-            alignItems: "flex-end",
-          }}
-        >
-          <button
-            style={{
-              padding: "8px 16px",
-              height: "40px",
-              border: "none",
-              background: "#000",
-              color: "#fff",
-              cursor: "pointer",
-              borderRadius: "4px",
-              width: "fit-content",
-            }}
-          >
-            + 새 할 일 추가
-          </button>
 
+          {/* ✅ 완료 박스 + 버튼 세로 정렬 */}
           <div
             style={{
-              width: "300px",
+              flex: 1,
               background: "#fff",
               borderRadius: "8px",
               padding: "16px",
               boxShadow:
                 "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
-              display: "flex",
-              flexDirection: "column",
+              marginTop: "56px",
             }}
           >
             <h2
@@ -264,9 +284,6 @@ export default function App() {
                 border: "1px solid #E5E7EB",
                 borderRadius: "8px",
                 padding: "12px",
-                display: "flex",
-                flexDirection: "column",
-                gap: "8px",
                 marginBottom: "12px",
               }}
             >
@@ -293,33 +310,42 @@ export default function App() {
               </div>
               <div style={{ color: "#6B7280", fontSize: "14px" }}>공통</div>
               <div
-                style={{ display: "flex", alignItems: "center", gap: "8px" }}
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  marginTop: "20px",
+                }}
               >
-                <div
-                  style={{
-                    width: "24px",
-                    height: "24px",
-                    borderRadius: "9999px",
-                    backgroundColor: "#ccc",
-                    boxShadow: "0px 0px 0px 2px #fff",
-                    marginTop: "20px",
-                  }}
-                />
+                {[0].map((i) => (
+                  <div
+                    key={i}
+                    style={{
+                      width: "24px",
+                      height: "24px",
+                      borderRadius: "9999px",
+                      backgroundColor: "#ccc",
+                      boxShadow: "0px 0px 0px 2px #fff",
+                      zIndex: 10 - i,
+                      marginLeft: i > 0 ? "-12px" : "0",
+                    }}
+                  />
+                ))}
+
                 <span
                   style={{
                     fontWeight: "500",
                     fontSize: "14px",
                     color: "#6B7280",
-                    marginTop: "20px",
+                    marginLeft: "8px",
                   }}
                 >
-                  임한솔
+                  A
                 </span>
               </div>
             </div>
           </div>
         </div>
-      </div>
-    </div>
+      </section>
+    </main>
   );
 }

From 0c86cb3165d2d9813722f6b1c9a180472b806865 Mon Sep 17 00:00:00 2001
From: Eatcoding <trivialcoding6@gmail.com>
Date: Mon, 24 Mar 2025 12:02:20 +0900
Subject: [PATCH 5/7] =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/ButtonSection/index.module.css    |   4 +
 .../service/ButtonSection/index.tsx           |  10 +
 .../service/Header/index.module.css           |  16 +
 src/components/service/Header/index.tsx       |   9 +
 .../service/TodoSection/TodoCard.module.css   |  52 +++
 .../service/TodoSection/TodoCard.tsx          |  23 ++
 .../service/TodoSection/TodoColumn.module.css |  14 +
 .../service/TodoSection/TodoColumn.tsx        |  10 +
 .../service/TodoSection/index.module.css      |   4 +
 src/components/service/TodoSection/index.tsx  |  12 +
 .../shared/Container/index.module.css         |   4 +
 src/components/shared/Container/index.tsx     |   9 +
 src/components/ui/Button/index.module.css     |  11 +
 src/components/ui/Button/index.tsx            |   9 +
 src/mocks/handlers.ts                         |   8 +-
 src/pages/todos/index.tsx                     | 346 +-----------------
 16 files changed, 200 insertions(+), 341 deletions(-)
 create mode 100644 src/components/service/ButtonSection/index.module.css
 create mode 100644 src/components/service/ButtonSection/index.tsx
 create mode 100644 src/components/service/Header/index.module.css
 create mode 100644 src/components/service/Header/index.tsx
 create mode 100644 src/components/service/TodoSection/TodoCard.module.css
 create mode 100644 src/components/service/TodoSection/TodoCard.tsx
 create mode 100644 src/components/service/TodoSection/TodoColumn.module.css
 create mode 100644 src/components/service/TodoSection/TodoColumn.tsx
 create mode 100644 src/components/service/TodoSection/index.module.css
 create mode 100644 src/components/service/TodoSection/index.tsx
 create mode 100644 src/components/shared/Container/index.module.css
 create mode 100644 src/components/shared/Container/index.tsx
 create mode 100644 src/components/ui/Button/index.module.css
 create mode 100644 src/components/ui/Button/index.tsx

diff --git a/src/components/service/ButtonSection/index.module.css b/src/components/service/ButtonSection/index.module.css
new file mode 100644
index 0000000..b12d604
--- /dev/null
+++ b/src/components/service/ButtonSection/index.module.css
@@ -0,0 +1,4 @@
+.buttonSection {
+  display: flex;
+  justify-content: flex-end;
+}
diff --git a/src/components/service/ButtonSection/index.tsx b/src/components/service/ButtonSection/index.tsx
new file mode 100644
index 0000000..b974582
--- /dev/null
+++ b/src/components/service/ButtonSection/index.tsx
@@ -0,0 +1,10 @@
+import { Button } from "../../ui/Button";
+import styles from "./index.module.css";
+
+export const ButtonSection = () => {
+  return (
+    <section className={styles.buttonSection}>
+      <Button>+ 새 할 일 추가</Button>
+    </section>
+  );
+};
diff --git a/src/components/service/Header/index.module.css b/src/components/service/Header/index.module.css
new file mode 100644
index 0000000..95a916f
--- /dev/null
+++ b/src/components/service/Header/index.module.css
@@ -0,0 +1,16 @@
+.header {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  background: #fff;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  position: fixed;
+  top: 0px;
+  z-index: 1000;
+}
+
+.logo {
+  width: 32px;
+  height: 32px;
+}
diff --git a/src/components/service/Header/index.tsx b/src/components/service/Header/index.tsx
new file mode 100644
index 0000000..23766bf
--- /dev/null
+++ b/src/components/service/Header/index.tsx
@@ -0,0 +1,9 @@
+import styles from "./index.module.css";
+
+export const Header = () => {
+  return (
+    <header className={styles.header}>
+      <img src="/logo.png" alt="logo" className={styles.logo} />
+    </header>
+  );
+};
diff --git a/src/components/service/TodoSection/TodoCard.module.css b/src/components/service/TodoSection/TodoCard.module.css
new file mode 100644
index 0000000..1159f37
--- /dev/null
+++ b/src/components/service/TodoSection/TodoCard.module.css
@@ -0,0 +1,52 @@
+.card {
+  background: #f9fafb;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  padding: 12px;
+}
+
+.cardHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.cardTitle {
+  font-weight: 500;
+}
+
+.cardDate {
+  background-color: #e5e7eb;
+  color: #374151;
+  font-size: 12px;
+  font-weight: bold;
+  border-radius: 9999px;
+  padding: 4px 12px;
+}
+
+.cardDescription {
+  color: #6b7280;
+  font-size: 14px;
+  margin-top: 8px;
+}
+
+.avatarSection {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+
+.avatar {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  background-color: #ccc;
+  box-shadow: 0px 0px 0px 2px #fff;
+}
+
+.avatarText {
+  font-weight: 500;
+  font-size: 14px;
+  color: #6b7280;
+  margin-left: 8px;
+}
diff --git a/src/components/service/TodoSection/TodoCard.tsx b/src/components/service/TodoSection/TodoCard.tsx
new file mode 100644
index 0000000..a4a3fd9
--- /dev/null
+++ b/src/components/service/TodoSection/TodoCard.tsx
@@ -0,0 +1,23 @@
+import styles from "./TodoCard.module.css";
+
+export const TodoCard = () => {
+  return (
+    <div className={styles.card}>
+      <div className={styles.cardHeader}>
+        <div className={styles.cardTitle}>UI 개발</div>
+        <div className={styles.cardDate}>03/21</div>
+      </div>
+      <div className={styles.cardDescription}>공통</div>
+      <div className={styles.avatarSection}>
+        {[0, 1, 2].map((i) => (
+          <div
+            className={styles.avatar}
+            key={i}
+            style={{ zIndex: 10 - i, marginLeft: i > 0 ? "-12px" : "0" }}
+          ></div>
+        ))}
+        <span className={styles.avatarText}>A,B,C</span>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/service/TodoSection/TodoColumn.module.css b/src/components/service/TodoSection/TodoColumn.module.css
new file mode 100644
index 0000000..15ab1ef
--- /dev/null
+++ b/src/components/service/TodoSection/TodoColumn.module.css
@@ -0,0 +1,14 @@
+.container {
+  flex: 1;
+  background: #fff;
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)";
+  margin-top: 56px;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 16px;
+}
diff --git a/src/components/service/TodoSection/TodoColumn.tsx b/src/components/service/TodoSection/TodoColumn.tsx
new file mode 100644
index 0000000..5809a34
--- /dev/null
+++ b/src/components/service/TodoSection/TodoColumn.tsx
@@ -0,0 +1,10 @@
+import styles from "./TodoColumn.module.css";
+import { TodoCard } from "./TodoCard";
+export const TodoColumn = () => {
+  return (
+    <div className={styles.container}>
+      <h2 className={styles.title}>시작하지 않음</h2>
+      <TodoCard />
+    </div>
+  );
+};
diff --git a/src/components/service/TodoSection/index.module.css b/src/components/service/TodoSection/index.module.css
new file mode 100644
index 0000000..c1d188b
--- /dev/null
+++ b/src/components/service/TodoSection/index.module.css
@@ -0,0 +1,4 @@
+.todoSection {
+  display: flex;
+  gap: 24px;
+}
diff --git a/src/components/service/TodoSection/index.tsx b/src/components/service/TodoSection/index.tsx
new file mode 100644
index 0000000..2ee2fcb
--- /dev/null
+++ b/src/components/service/TodoSection/index.tsx
@@ -0,0 +1,12 @@
+import styles from "./index.module.css";
+import { TodoColumn } from "./TodoColumn";
+
+export const TodoSection = () => {
+  return (
+    <section className={styles.todoSection}>
+      <TodoColumn />
+      <TodoColumn />
+      <TodoColumn />
+    </section>
+  );
+};
diff --git a/src/components/shared/Container/index.module.css b/src/components/shared/Container/index.module.css
new file mode 100644
index 0000000..04921ef
--- /dev/null
+++ b/src/components/shared/Container/index.module.css
@@ -0,0 +1,4 @@
+.container {
+  width: 90%;
+  margin: 0 auto;
+}
diff --git a/src/components/shared/Container/index.tsx b/src/components/shared/Container/index.tsx
new file mode 100644
index 0000000..b18fdda
--- /dev/null
+++ b/src/components/shared/Container/index.tsx
@@ -0,0 +1,9 @@
+import styles from "./index.module.css";
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export const Container = ({ children }: Props) => {
+  return <div className={styles.container}>{children}</div>;
+};
diff --git a/src/components/ui/Button/index.module.css b/src/components/ui/Button/index.module.css
new file mode 100644
index 0000000..a995aef
--- /dev/null
+++ b/src/components/ui/Button/index.module.css
@@ -0,0 +1,11 @@
+.button {
+  margin-top: 80px;
+  padding: 8px 16px;
+  height: 40px;
+  border: none;
+  background: #000;
+  color: #fff;
+  cursor: pointer;
+  border-radius: 4px;
+  width: fit-content;
+}
diff --git a/src/components/ui/Button/index.tsx b/src/components/ui/Button/index.tsx
new file mode 100644
index 0000000..90565d1
--- /dev/null
+++ b/src/components/ui/Button/index.tsx
@@ -0,0 +1,9 @@
+import styles from "./index.module.css";
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export const Button = ({ children }: Props) => {
+  return <button className={styles.button}>{children}</button>;
+};
diff --git a/src/mocks/handlers.ts b/src/mocks/handlers.ts
index 80c3371..7e89df9 100644
--- a/src/mocks/handlers.ts
+++ b/src/mocks/handlers.ts
@@ -11,7 +11,7 @@ type Todo = {
   endDate: string;
   createdAt: string;
   updatedAt: string;
-  assignee: string;
+  assignees: string[];
 };
 
 let todos: Todo[] = [
@@ -24,7 +24,7 @@ let todos: Todo[] = [
     endDate: "2023-06-05",
     createdAt: "2023-06-01T09:00:00Z",
     updatedAt: "2023-06-05T16:30:00Z",
-    assignee: "김철수",
+    assignees: ["김철수", "이민호"],
   },
   {
     id: "2",
@@ -35,7 +35,7 @@ let todos: Todo[] = [
     endDate: "2023-06-15",
     createdAt: "2023-06-06T10:15:00Z",
     updatedAt: "2023-06-10T14:20:00Z",
-    assignee: "박지영",
+    assignees: ["박지영", "이민호"],
   },
   {
     id: "3",
@@ -46,7 +46,7 @@ let todos: Todo[] = [
     endDate: "2023-06-20",
     createdAt: "2023-06-10T11:30:00Z",
     updatedAt: "2023-06-10T11:30:00Z",
-    assignee: "이민호",
+    assignees: ["이민호"],
   },
 ];
 
diff --git a/src/pages/todos/index.tsx b/src/pages/todos/index.tsx
index 9f79a07..6c8866f 100644
--- a/src/pages/todos/index.tsx
+++ b/src/pages/todos/index.tsx
@@ -1,4 +1,7 @@
-import React from "react";
+import { ButtonSection } from "../../components/service/ButtonSection";
+import { Header } from "../../components/service/Header";
+import { TodoSection } from "../../components/service/TodoSection";
+import { Container } from "../../components/shared/Container";
 
 export default function App() {
   return (
@@ -10,342 +13,11 @@ export default function App() {
         boxSizing: "border-box",
       }}
     >
-      {/* ✅ 헤더 */}
-      {/* // 시멘트 태그 의미론적 태그로 변경 */}
-      <header
-        style={{
-          display: "flex",
-          alignItems: "center",
-          padding: "16px",
-          background: "#fff",
-          boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.1)",
-          width: "100%",
-          position: "fixed",
-          top: "0px",
-          zIndex: 1000,
-        }}
-      >
-        <img
-          src="/logo.png"
-          alt="logo"
-          style={{ width: "32px", height: "32px" }}
-        />
-      </header>
-
-      {/* ✅ 헤더 아래 */}
-      {/* 버튼 영역을 문서 흐름에 맞게 상위로 이동 */}
-      {/* width는 90% 로 하고 margin 을 이용한 가운데 정렬 */}
-      <section style={{ width: "90%", margin: "0 auto" }}>
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "flex-end",
-          }}
-        >
-          <button
-            style={{
-              marginTop: "80px",
-              padding: "8px 16px",
-              height: "40px",
-              border: "none",
-              background: "#000",
-              color: "#fff",
-              cursor: "pointer",
-              borderRadius: "4px",
-              width: "fit-content",
-            }}
-          >
-            + 새 할 일 추가
-          </button>
-        </div>
-
-        {/* ✅ 박스 전체 레이아웃 */}
-        <div
-          style={{
-            display: "flex",
-            gap: "24px",
-            // 본문 상위에서 width 90% 가운데 정렬 했으므로 삭제
-          }}
-        >
-          {/* ✅ 시작하지 않음 박스 */}
-          <div
-            style={{
-              // 현재 같은 위치의  flex item 들이 동일한 비율로 공간을 차지하게 변경
-              flex: 1,
-              background: "#fff",
-              borderRadius: "8px",
-              padding: "16px",
-              boxShadow:
-                "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
-              marginTop: "56px",
-            }}
-          >
-            <h2
-              style={{
-                fontSize: "18px",
-                fontWeight: "bold",
-                marginBottom: "16px",
-              }}
-            >
-              시작하지 않음
-            </h2>
-
-            {/* 시작 전 */}
-            <div
-              style={{
-                background: "#F9FAFB",
-                border: "1px solid #E5E7EB",
-                borderRadius: "8px",
-                padding: "12px",
-                // gap 에 영향을 받는 요소가 하나뿐이라 굳이 flex를 주지 않고 하위 div에 marginTop 설정
-              }}
-            >
-              <div
-                style={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                }}
-              >
-                <div style={{ fontWeight: "500" }}>UI 개발</div>
-                <div
-                  style={{
-                    backgroundColor: "#E5E7EB",
-                    color: "#374151",
-                    fontSize: "12px",
-                    fontWeight: "bold",
-                    borderRadius: "9999px",
-                    padding: "4px 12px",
-                  }}
-                >
-                  03/21
-                </div>
-              </div>
-              <div
-                style={{ color: "#6B7280", fontSize: "14px", marginTop: "8px" }}
-              >
-                공통
-              </div>
-              {/* avatar 겹치는 css  */}
-              <div
-                style={{
-                  display: "flex",
-                  alignItems: "center",
-                  marginTop: "20px",
-                }}
-              >
-                {[0, 1, 2].map((i) => (
-                  <div
-                    key={i}
-                    style={{
-                      width: "24px",
-                      height: "24px",
-                      borderRadius: "9999px",
-                      backgroundColor: "#ccc",
-                      boxShadow: "0px 0px 0px 2px #fff",
-                      zIndex: 10 - i,
-                      marginLeft: i > 0 ? "-12px" : "0",
-                    }}
-                  />
-                ))}
-
-                <span
-                  style={{
-                    fontWeight: "500",
-                    fontSize: "14px",
-                    color: "#6B7280",
-                    marginLeft: "8px",
-                  }}
-                >
-                  A,B,C
-                </span>
-              </div>
-            </div>
-          </div>
-
-          {/* ✅ 진행 중 박스 */}
-          <div
-            style={{
-              flex: 1,
-              background: "#fff",
-              borderRadius: "8px",
-              padding: "16px",
-              boxShadow:
-                "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
-              marginTop: "56px",
-            }}
-          >
-            <h2
-              style={{
-                fontSize: "18px",
-                fontWeight: "bold",
-                marginBottom: "16px",
-              }}
-            >
-              진행 중
-            </h2>
-
-            <div
-              style={{
-                background: "#F9FAFB",
-                border: "1px solid #E5E7EB",
-                borderRadius: "8px",
-                padding: "12px",
-                marginBottom: "12px",
-              }}
-            >
-              <div
-                style={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                }}
-              >
-                <div style={{ fontWeight: "500" }}>서비스 마크업</div>
-                <div
-                  style={{
-                    backgroundColor: "#FEF3C7",
-                    color: "#92400E",
-                    fontSize: "12px",
-                    fontWeight: "bold",
-                    borderRadius: "9999px",
-                    padding: "4px 12px",
-                  }}
-                >
-                  02/27
-                </div>
-              </div>
-              <div
-                style={{ color: "#6B7280", fontSize: "14px", marginTop: "8px" }}
-              >
-                프론트엔드
-              </div>
-              <div
-                style={{
-                  display: "flex",
-                  alignItems: "center",
-                  marginTop: "20px",
-                }}
-              >
-                {[0].map((i) => (
-                  <div
-                    key={i}
-                    style={{
-                      width: "24px",
-                      height: "24px",
-                      borderRadius: "9999px",
-                      backgroundColor: "#ccc",
-                      boxShadow: "0px 0px 0px 2px #fff",
-                      zIndex: 10 - i,
-                      marginLeft: i > 0 ? "-12px" : "0",
-                    }}
-                  />
-                ))}
-
-                <span
-                  style={{
-                    fontWeight: "500",
-                    fontSize: "14px",
-                    color: "#6B7280",
-                    marginLeft: "8px",
-                  }}
-                >
-                  A
-                </span>
-              </div>
-            </div>
-          </div>
-
-          {/* ✅ 완료 박스 + 버튼 세로 정렬 */}
-          <div
-            style={{
-              flex: 1,
-              background: "#fff",
-              borderRadius: "8px",
-              padding: "16px",
-              boxShadow:
-                "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
-              marginTop: "56px",
-            }}
-          >
-            <h2
-              style={{
-                fontSize: "18px",
-                fontWeight: "bold",
-                marginBottom: "16px",
-              }}
-            >
-              완료
-            </h2>
-
-            <div
-              style={{
-                background: "#F9FAFB",
-                border: "1px solid #E5E7EB",
-                borderRadius: "8px",
-                padding: "12px",
-                marginBottom: "12px",
-              }}
-            >
-              <div
-                style={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                }}
-              >
-                <div style={{ fontWeight: "500" }}>데이터 준비</div>
-                <div
-                  style={{
-                    backgroundColor: "#DCFCE7",
-                    color: "#166534",
-                    fontSize: "12px",
-                    fontWeight: "bold",
-                    borderRadius: "9999px",
-                    padding: "4px 12px",
-                  }}
-                >
-                  완료
-                </div>
-              </div>
-              <div style={{ color: "#6B7280", fontSize: "14px" }}>공통</div>
-              <div
-                style={{
-                  display: "flex",
-                  alignItems: "center",
-                  marginTop: "20px",
-                }}
-              >
-                {[0].map((i) => (
-                  <div
-                    key={i}
-                    style={{
-                      width: "24px",
-                      height: "24px",
-                      borderRadius: "9999px",
-                      backgroundColor: "#ccc",
-                      boxShadow: "0px 0px 0px 2px #fff",
-                      zIndex: 10 - i,
-                      marginLeft: i > 0 ? "-12px" : "0",
-                    }}
-                  />
-                ))}
-
-                <span
-                  style={{
-                    fontWeight: "500",
-                    fontSize: "14px",
-                    color: "#6B7280",
-                    marginLeft: "8px",
-                  }}
-                >
-                  A
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
+      <Header />
+      <Container>
+        <ButtonSection />
+        <TodoSection />
+      </Container>
     </main>
   );
 }

From bcd796e522424757a39436a3c8dee5a3659face8 Mon Sep 17 00:00:00 2001
From: Eatcoding <trivialcoding6@gmail.com>
Date: Mon, 24 Mar 2025 12:11:27 +0900
Subject: [PATCH 6/7] =?UTF-8?q?api=20=EC=97=B0=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/TodoSection/TodoCard.tsx          | 27 ++++++++++++-----
 .../service/TodoSection/TodoColumn.tsx        | 15 ++++++++--
 src/components/service/TodoSection/index.tsx  | 30 +++++++++++++++++--
 src/types/todo.ts                             | 15 ++++++++++
 4 files changed, 74 insertions(+), 13 deletions(-)
 create mode 100644 src/types/todo.ts

diff --git a/src/components/service/TodoSection/TodoCard.tsx b/src/components/service/TodoSection/TodoCard.tsx
index a4a3fd9..14a8854 100644
--- a/src/components/service/TodoSection/TodoCard.tsx
+++ b/src/components/service/TodoSection/TodoCard.tsx
@@ -1,22 +1,35 @@
 import styles from "./TodoCard.module.css";
+import { Todo } from "../../../types/todo";
+
+type Props = {
+  task: Todo;
+};
+
+export const TodoCard = ({ task }: Props) => {
+  const { title, content, startDate, assignees } = task;
+
+  const formattedDate = new Date(startDate).toLocaleDateString("ko-KR", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  });
 
-export const TodoCard = () => {
   return (
     <div className={styles.card}>
       <div className={styles.cardHeader}>
-        <div className={styles.cardTitle}>UI 개발</div>
-        <div className={styles.cardDate}>03/21</div>
+        <div className={styles.cardTitle}>{title}</div>
+        <div className={styles.cardDate}>{formattedDate}</div>
       </div>
-      <div className={styles.cardDescription}>공통</div>
+      <div className={styles.cardDescription}>{content}</div>
       <div className={styles.avatarSection}>
-        {[0, 1, 2].map((i) => (
+        {assignees.map((assignee, i) => (
           <div
             className={styles.avatar}
-            key={i}
+            key={assignee}
             style={{ zIndex: 10 - i, marginLeft: i > 0 ? "-12px" : "0" }}
           ></div>
         ))}
-        <span className={styles.avatarText}>A,B,C</span>
+        <span className={styles.avatarText}>{assignees.join(",")}</span>
       </div>
     </div>
   );
diff --git a/src/components/service/TodoSection/TodoColumn.tsx b/src/components/service/TodoSection/TodoColumn.tsx
index 5809a34..1857c6b 100644
--- a/src/components/service/TodoSection/TodoColumn.tsx
+++ b/src/components/service/TodoSection/TodoColumn.tsx
@@ -1,10 +1,19 @@
 import styles from "./TodoColumn.module.css";
 import { TodoCard } from "./TodoCard";
-export const TodoColumn = () => {
+import { Todo } from "../../../types/todo";
+
+type Props = {
+  title: string;
+  tasks: Todo[];
+};
+
+export const TodoColumn = ({ title, tasks }: Props) => {
   return (
     <div className={styles.container}>
-      <h2 className={styles.title}>시작하지 않음</h2>
-      <TodoCard />
+      <h2 className={styles.title}>{title}</h2>
+      {tasks.map((task) => (
+        <TodoCard key={task.id} task={task} />
+      ))}
     </div>
   );
 };
diff --git a/src/components/service/TodoSection/index.tsx b/src/components/service/TodoSection/index.tsx
index 2ee2fcb..21db815 100644
--- a/src/components/service/TodoSection/index.tsx
+++ b/src/components/service/TodoSection/index.tsx
@@ -1,12 +1,36 @@
+import { useEffect, useState } from "react";
 import styles from "./index.module.css";
 import { TodoColumn } from "./TodoColumn";
+import { Todo } from "../../../types/todo";
+
+const columns = [
+  { title: "시작하지 않음", status: "notStarted" },
+  { title: "진행 중", status: "inProgress" },
+  { title: "완료", status: "done" },
+];
 
 export const TodoSection = () => {
+  const [todos, setTodos] = useState<Todo[]>([]);
+
+  useEffect(() => {
+    const fetchTodos = async () => {
+      const response = await fetch("/api/todos");
+      const data = await response.json();
+      setTodos(data);
+    };
+    fetchTodos();
+  }, []);
+
+  console.log(todos);
   return (
     <section className={styles.todoSection}>
-      <TodoColumn />
-      <TodoColumn />
-      <TodoColumn />
+      {columns.map((column) => (
+        <TodoColumn
+          key={column.status}
+          title={column.title}
+          tasks={todos.filter((todo) => todo.status === column.status)}
+        />
+      ))}
     </section>
   );
 };
diff --git a/src/types/todo.ts b/src/types/todo.ts
new file mode 100644
index 0000000..970a792
--- /dev/null
+++ b/src/types/todo.ts
@@ -0,0 +1,15 @@
+type TodoStatus = "notStarted" | "inProgress" | "done";
+
+type Todo = {
+  id: string;
+  title: string;
+  content: string;
+  status: TodoStatus;
+  startDate: string;
+  endDate: string;
+  createdAt: string;
+  updatedAt: string;
+  assignees: string[];
+};
+
+export type { Todo, TodoStatus };

From 9638ef4c2f433273e6432f8e94a8191c1be99608 Mon Sep 17 00:00:00 2001
From: Eatcoding <trivialcoding6@gmail.com>
Date: Mon, 24 Mar 2025 12:31:14 +0900
Subject: [PATCH 7/7] =?UTF-8?q?create=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/ButtonSection/index.tsx           |   5 +-
 .../service/TodoSection/TodoColumn.module.css |   5 +-
 src/components/ui/Button/index.tsx            |   9 +-
 src/mocks/handlers.ts                         |   6 +-
 src/pages/create/index.tsx                    | 198 +++++++++++++++---
 src/types/todo.ts                             |  11 +-
 6 files changed, 201 insertions(+), 33 deletions(-)

diff --git a/src/components/service/ButtonSection/index.tsx b/src/components/service/ButtonSection/index.tsx
index b974582..47a21bd 100644
--- a/src/components/service/ButtonSection/index.tsx
+++ b/src/components/service/ButtonSection/index.tsx
@@ -1,10 +1,13 @@
 import { Button } from "../../ui/Button";
 import styles from "./index.module.css";
+import { useNavigate } from "react-router-dom";
 
 export const ButtonSection = () => {
+  const navigate = useNavigate();
+
   return (
     <section className={styles.buttonSection}>
-      <Button>+ 새 할 일 추가</Button>
+      <Button onClick={() => navigate("/create")}>+ 새 할 일 추가</Button>
     </section>
   );
 };
diff --git a/src/components/service/TodoSection/TodoColumn.module.css b/src/components/service/TodoSection/TodoColumn.module.css
index 15ab1ef..c15c3d3 100644
--- a/src/components/service/TodoSection/TodoColumn.module.css
+++ b/src/components/service/TodoSection/TodoColumn.module.css
@@ -4,7 +4,10 @@
   border-radius: 8px;
   padding: 16px;
   box-shadow: "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)";
-  margin-top: 56px;
+  margin-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
 .title {
diff --git a/src/components/ui/Button/index.tsx b/src/components/ui/Button/index.tsx
index 90565d1..bf00142 100644
--- a/src/components/ui/Button/index.tsx
+++ b/src/components/ui/Button/index.tsx
@@ -2,8 +2,13 @@ import styles from "./index.module.css";
 
 type Props = {
   children: React.ReactNode;
+  onClick?: () => void;
 };
 
-export const Button = ({ children }: Props) => {
-  return <button className={styles.button}>{children}</button>;
+export const Button = ({ children, onClick }: Props) => {
+  return (
+    <button className={styles.button} onClick={onClick}>
+      {children}
+    </button>
+  );
 };
diff --git a/src/mocks/handlers.ts b/src/mocks/handlers.ts
index 7e89df9..04482e4 100644
--- a/src/mocks/handlers.ts
+++ b/src/mocks/handlers.ts
@@ -69,8 +69,8 @@ export const handlers = [
     }
 
     if (assignee) {
-      filteredTodos = filteredTodos.filter(
-        (todo) => todo.assignee === assignee
+      filteredTodos = filteredTodos.filter((todo) =>
+        todo.assignees.includes(assignee)
       );
     }
 
@@ -108,6 +108,8 @@ export const handlers = [
 
     todos.push(todo);
 
+    console.log(todo);
+
     return HttpResponse.json(todo, { status: 201 });
   }),
 
diff --git a/src/pages/create/index.tsx b/src/pages/create/index.tsx
index 206a5f9..0910c45 100644
--- a/src/pages/create/index.tsx
+++ b/src/pages/create/index.tsx
@@ -1,4 +1,66 @@
+import { useState, ChangeEvent, FormEvent } from "react";
+import { useNavigate } from "react-router-dom";
+import { TodoFormData } from "../../types/todo";
+
 export default function Create() {
+  const navigate = useNavigate();
+  const [formData, setFormData] = useState<TodoFormData>({
+    title: "",
+    content: "",
+    status: "notStarted",
+    startDate: "",
+    endDate: "",
+    assignees: [],
+  });
+  const [assigneeInput, setAssigneeInput] = useState("");
+
+  const handleInputChange = (
+    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>
+  ) => {
+    const { name, value } = e.target;
+    setFormData({
+      ...formData,
+      [name]: value,
+    });
+  };
+
+  const handleAssigneeInputChange = (e: ChangeEvent<HTMLInputElement>) => {
+    setAssigneeInput(e.target.value);
+  };
+
+  const handleAddAssignee = () => {
+    if (assigneeInput.trim()) {
+      setFormData({
+        ...formData,
+        assignees: [...formData.assignees, assigneeInput.trim()],
+      });
+      setAssigneeInput("");
+    }
+  };
+
+  const handleSubmit = async (e: FormEvent) => {
+    e.preventDefault();
+
+    try {
+      const response = await fetch("/api/todos", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(formData),
+      });
+
+      if (response.ok) {
+        navigate("/");
+      } else {
+        alert("할 일 저장에 실패했습니다.");
+      }
+    } catch (error) {
+      console.error("할 일 저장 중 오류 발생:", error);
+      alert("할 일 저장 중 오류가 발생했습니다.");
+    }
+  };
+
   return (
     <div
       style={{
@@ -9,8 +71,8 @@ export default function Create() {
         paddingTop: "60px",
       }}
     >
-      {/* 할 일 추가/수정 */}
-      <div
+      <form
+        onSubmit={handleSubmit}
         style={{
           width: "666px",
           display: "flex",
@@ -21,7 +83,7 @@ export default function Create() {
           boxShadow:
             "0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
           padding: "48px 32px",
-          boxSizing: "border-box", // ✅ 박스 안쪽 패딩 고려
+          boxSizing: "border-box",
         }}
       >
         <h1
@@ -30,20 +92,23 @@ export default function Create() {
             fontFamily: "Roboto",
             fontSize: "36px",
             fontWeight: "600",
-            lineHeight: "44px", // ✅ line-height 보정
+            lineHeight: "44px",
             color: "#111827",
             marginBottom: "24px",
           }}
         >
-          할 일 추가/수정
+          할 일 추가
         </h1>
 
         {/* 제목 */}
         <div style={{ width: "100%" }}>
           <label style={{ fontWeight: "bold" }}>제목</label>
           <input
-            type='text'
-            placeholder='제목을 입력하세요'
+            type="text"
+            name="title"
+            value={formData.title}
+            onChange={handleInputChange}
+            placeholder="제목을 입력하세요"
             style={{
               width: "100%",
               padding: "8px 12px",
@@ -51,6 +116,7 @@ export default function Create() {
               boxSizing: "border-box",
               marginTop: "4px",
             }}
+            required
           />
         </div>
 
@@ -58,7 +124,10 @@ export default function Create() {
         <div style={{ width: "100%", marginTop: "24px" }}>
           <label style={{ fontWeight: "bold" }}>내용</label>
           <textarea
-            placeholder='내용을 입력하세요'
+            name="content"
+            value={formData.content}
+            onChange={handleInputChange}
+            placeholder="내용을 입력하세요"
             style={{
               width: "100%",
               height: "98px",
@@ -67,15 +136,17 @@ export default function Create() {
               boxSizing: "border-box",
               marginTop: "4px",
             }}
+            required
           />
         </div>
 
         {/* 진행상황 */}
         <div style={{ width: "100%", marginTop: "24px" }}>
           <label style={{ fontWeight: "bold" }}>진행상황</label>
-          <input
-            type='text'
-            placeholder='시작 전'
+          <select
+            name="status"
+            value={formData.status}
+            onChange={handleInputChange}
             style={{
               width: "100%",
               padding: "8px 12px",
@@ -83,7 +154,12 @@ export default function Create() {
               boxSizing: "border-box",
               marginTop: "4px",
             }}
-          />
+            required
+          >
+            <option value="notStarted">시작 전</option>
+            <option value="inProgress">진행 중</option>
+            <option value="done">완료</option>
+          </select>
         </div>
 
         {/* 날짜 */}
@@ -98,7 +174,10 @@ export default function Create() {
           <div style={{ flex: 1, display: "flex", flexDirection: "column" }}>
             <label style={{ fontWeight: "bold" }}>시작 날짜</label>
             <input
-              type='date'
+              type="date"
+              name="startDate"
+              value={formData.startDate}
+              onChange={handleInputChange}
               style={{
                 width: "100%",
                 padding: "8px 12px",
@@ -106,12 +185,16 @@ export default function Create() {
                 boxSizing: "border-box",
                 marginTop: "4px",
               }}
+              required
             />
           </div>
           <div style={{ flex: 1, display: "flex", flexDirection: "column" }}>
             <label style={{ fontWeight: "bold" }}>종료 날짜</label>
             <input
-              type='date'
+              type="date"
+              name="endDate"
+              value={formData.endDate}
+              onChange={handleInputChange}
               style={{
                 width: "100%",
                 padding: "8px 12px",
@@ -119,6 +202,7 @@ export default function Create() {
                 boxSizing: "border-box",
                 marginTop: "4px",
               }}
+              required
             />
           </div>
         </div>
@@ -126,17 +210,76 @@ export default function Create() {
         {/* 담당자 */}
         <div style={{ width: "100%", marginTop: "24px" }}>
           <label style={{ fontWeight: "bold" }}>담당자</label>
-          <input
-            type='text'
-            placeholder='담당자를 입력하세요'
-            style={{
-              width: "100%",
-              padding: "8px 12px",
-              border: "1px solid #ccc",
-              boxSizing: "border-box",
-              marginTop: "4px",
-            }}
-          />
+          <div style={{ display: "flex", gap: "8px" }}>
+            <input
+              type="text"
+              value={assigneeInput}
+              onChange={handleAssigneeInputChange}
+              placeholder="담당자를 입력하세요"
+              style={{
+                flex: 1,
+                padding: "8px 12px",
+                border: "1px solid #ccc",
+                boxSizing: "border-box",
+                marginTop: "4px",
+              }}
+            />
+            <button
+              type="button"
+              onClick={handleAddAssignee}
+              style={{
+                padding: "8px 16px",
+                marginTop: "4px",
+                background: "#f5f5f5",
+                border: "1px solid #ccc",
+                cursor: "pointer",
+              }}
+            >
+              추가
+            </button>
+          </div>
+
+          {/* 추가된 담당자 목록 */}
+          {formData.assignees.length > 0 && (
+            <div style={{ marginTop: "8px" }}>
+              <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
+                {formData.assignees.map((assignee, index) => (
+                  <div
+                    key={index}
+                    style={{
+                      padding: "4px 8px",
+                      background: "#e5e7eb",
+                      borderRadius: "9999px",
+                      fontSize: "12px",
+                      fontWeight: "bold",
+                    }}
+                  >
+                    {assignee}
+                    <button
+                      type="button"
+                      onClick={() => {
+                        setFormData({
+                          ...formData,
+                          assignees: formData.assignees.filter(
+                            (_, i) => i !== index
+                          ),
+                        });
+                      }}
+                      style={{
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        fontSize: "12px",
+                        fontWeight: "bold",
+                      }}
+                    >
+                      ×
+                    </button>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
         </div>
 
         {/* 버튼 */}
@@ -150,6 +293,8 @@ export default function Create() {
           }}
         >
           <button
+            type="button"
+            onClick={() => navigate("/todos")}
             style={{
               padding: "8px 16px",
               border: "1px solid #ccc",
@@ -160,6 +305,7 @@ export default function Create() {
             취소
           </button>
           <button
+            type="submit"
             style={{
               padding: "8px 16px",
               border: "none",
@@ -171,7 +317,7 @@ export default function Create() {
             저장
           </button>
         </div>
-      </div>
+      </form>
     </div>
   );
 }
diff --git a/src/types/todo.ts b/src/types/todo.ts
index 970a792..16a4435 100644
--- a/src/types/todo.ts
+++ b/src/types/todo.ts
@@ -12,4 +12,13 @@ type Todo = {
   assignees: string[];
 };
 
-export type { Todo, TodoStatus };
+type TodoFormData = {
+  title: string;
+  content: string;
+  status: TodoStatus;
+  startDate: string;
+  endDate: string;
+  assignees: string[];
+};
+
+export type { Todo, TodoStatus, TodoFormData };