kimsi519 · yoounyoungheon · Sep 11, 2024 · Sep 11, 2024 · Sep 11, 2024 · Sep 11, 2024
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,5 +11,14 @@
     "TS"
   ],
   "author": "indiflex",
-  "license": "ISC"
+  "license": "ISC",
+  "devDependencies": {
+    "@types/node": "^22.5.4",
+    "tailwindcss": "^3.4.11"
+  },
+  "dependencies": {
+    "ts-node": "^10.9.2",
+    "tsc": "^2.0.4",
+    "typescript": "^5.6.2"
+  }
 }
diff --git a/윤영헌/ex1/book-edit.html b/윤영헌/ex1/book-edit.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Book Edit Page</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="bg-gray-100 flex flex-col items-center justify-center h-screen">
+
+  <!-- Navigation Bar -->
+  <nav class="bg-blue-950 w-full fixed top-0 py-4 px-8 flex justify-between items-center text-white">
+    <div class="nav-left font-bold ml-6" style="font-size: 40;">📗 Book Mark</div>
+    <div class="nav-right flex items-center space-x-6 mr-6">
+      <a href="https://github.com/yoounyoungheon/test11" class="hover:underline">Github Repo.</a>
+      <a href="#" class="hover:underline">Sign Up</a>
+      <a href="#" class="hover:underline">Sign In</a>
+    </div>
+  </nav>
+
+  <!-- Content -->
+  <main class="flex-grow p-20 w-full flex">
+    <section class="w-1/5 bg-blue-950  p-4 rounded-lg shadow-md">
+      <form class="space-y-4">
+        <input
+          type="url"
+          placeholder="https://naver.com"
+          class="w-full p-2 border rounded"
+        />
+        <label class="block text-white">
+          <input type="checkbox" class="mr-2" /> 이동 시 자동 삭제
+        </label>
+        <div class="flex justify-end space-x-2">
+          <button type="refresh" class="bg-blue-950  px-4 py-2 rounded">
+            <svg
+              class="w-6 h-6"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 512 512"
+              fill="white"
+            >
+              <path
+                d="M48.5 224L40 224c-13.3 0-24-10.7-24-24L16 72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2L98.6 96.6c87.6-86.5 228.7-86.2 315.8 1c87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8L48.5 224z"
+              />
+            </svg>
+          </button>
+          <button type="submit" class="bg-blue-950  px-4 py-2 rounded">
+            <svg
+              class="w-6 h-6"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 512 512"
+              fill = "white"
+            >
+              <path
+                d="M48 96l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-245.5c0-4.2-1.7-8.3-4.7-11.3l33.9-33.9c12 12 18.7 28.3 18.7 45.3L448 416c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l245.5 0c17 0 33.3 6.7 45.3 18.7l74.5 74.5-33.9 33.9L320.8 84.7c-.3-.3-.5-.5-.8-.8L320 184c0 13.3-10.7 24-24 24l-192 0c-13.3 0-24-10.7-24-24L80 80 64 80c-8.8 0-16 7.2-16 16zm80-16l0 80 144 0 0-80L128 80zm32 240a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"
+              />
+            </svg>
+          </button>
+        </div>
+      </form>
+      <p class="text-center text-gray-100 mt-4">There is no marks . . .</p>
+    </section>
+    <button class="bg-blue-950  text-white text-left h-12 ml-4 px-4 py-2 rounded">
+      + Add Mark
+    </button>
+  </main>
+
+
+</body>
+</html>
diff --git a/윤영헌/ex1/index.html b/윤영헌/ex1/index.html
@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Index Page</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="bg-gray-100 flex flex-col items-center justify-center h-screen">
+
+  <!-- Navigation Bar -->
+  <nav class="bg-blue-950 w-full fixed top-0 py-4 px-8 flex justify-between items-center text-white">
+    <div class="nav-left font-bold ml-6" style="font-size: 40;">📗 Book Mark</div>
+    <div class="nav-right flex items-center space-x-6 mr-6">
+      <a href="https://github.com/yoounyoungheon/test11" class="hover:underline">Github Repo.</a>
+      <img
+        src="./public/라따뚜이.jpg"
+        alt="Google"
+        class="w-10 h-10 mr-2"
+        fill =  "skyblue"
+              />
+    </div>
+  </nav>
+
+  <!-- Content -->
+  <main class="flex-grow p-20 w-full flex">
+    <section class="w-full flex justify-around">
+
+      <div class="m-2 w-1/2 bg-gray-100 p-4 rounded-lg shadow-md">
+        <h2 class="text-xl font-semibold mb-4">📓 BookMark</h2>
+        <div class="space-y-4">
+          <div
+            class="bg-white p-4 rounded shadow flex justify-between items-center"
+          >
+            <div class="flex items-center w-11/12">
+              <img
+                src="./public/nave.png"
+                alt="Google"
+                class="w-14 h-14 mr-2"
+              />
+              <div class="w-full">
+                <h3
+                  class="text-2xl font-bold text-gray-800 mb-1 w-2/3 truncate"
+                >
+                  Naver
+                </h3>
+                <p class="text-gray-600 w-2/3 truncate">
+                  This is Naver Web site.
+                </p>
+              </div>
+            </div>
+            <div class="flex items-center justify-center w-1/12">
+              <button>
+                <svg
+                  class="w-6 h-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                  fill =  "skyblue"
+                >
+                  <path
+                    d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="bg-white p-4 rounded shadow flex justify-between items-center"
+          >
+            <div class="flex items-center w-11/12">
+              <img
+                src="./public/github.png"
+                alt="Google"
+                class="w-14 h-14 mr-2"
+                fill =  "skyblue"
+              />
+              <div class="w-full">
+                <h3
+                  class="text-2xl font-bold text-gray-800 mb-1 w-2/3 truncate"
+                >
+                  Github
+                </h3>
+                <p class="text-gray-600 w-2/3 truncate">
+                  This is a simple Github Blog.
+                  Explore more about the topics we cover. Explore more about
+                  the topics we cover. Explore more about the topics we cover.
+                </p>
+              </div>
+            </div>
+            <div class="flex items-center justify-center w-1/12">
+              <button>
+                <svg
+                  class="w-6 h-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                  fill =  "skyblue"
+                >
+                  <path
+                    d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="bg-white p-4 rounded shadow flex justify-between items-center"
+          >
+            <div class="flex items-center w-11/12">
+              <img
+                src="./public/kakao.png"
+                alt="Google"
+                class="w-14 h-14 mr-2"
+              />
+              <div class="w-full">
+                <h3
+                  class="text-2xl font-bold text-gray-800 mb-1 w-2/3 truncate"
+                >
+                  Kakao
+                </h3>
+                <p class="text-gray-600 w-2/3 truncate">
+                  This is a simple introduction about the Kakao.
+                  Explore more about the topics we cover. Explore more about
+                  the topics we cover. Explore more about the topics we cover.
+                </p>
+              </div>
+            </div>
+            <div class="flex items-center justify-center w-1/12">
+              <button>
+                <svg
+                  class="w-6 h-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                  fill =  "skyblue"
+                >
+                  <path
+                    d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="bg-white p-4 rounded shadow flex justify-between items-center"
+          >
+            <div class="flex items-center w-11/12">
+              <img
+                src="./public/라따뚜이.jpg"
+                alt="Google"
+                class="w-14 h-14 mr-2"
+                fill =  "skyblue"
+              />
+              <div class="w-full">
+                <h3
+                  class="text-2xl font-bold text-gray-800 mb-1 w-2/3 truncate"
+                >
+                  윤영헌의 블로그
+                </h3>
+                <p class="text-gray-600 w-2/3 truncate">
+                  윤영헌의 블로그입니다.
+                </p>
+              </div>
+            </div>
+            <div class="flex items-center justify-center w-1/12">
+              <button>
+                <svg
+                  class="w-6 h-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                  fill =  "skyblue"
+                >
+                  <path
+                    d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="flex justify-end">
+          <button class="mt-4  bg-blue-950 text-white px-4 py-2 rounded w-1/4">
+            + Add Mark
+          </button>
+        </div>
+      </div>
+
+      <div class="m-2 w-1/2 bg-gray-100 p-4 rounded-lg shadow-md">
+        <h2 class="text-xl font-semibold mb-4">✏️ Study</h2>
+        <div class="space-y-4">
+          <div
+            class="bg-white p-4 rounded shadow flex justify-between items-center"
+          >
+            <div class="flex items-center w-11/12">
+              <img
+                src="./public/js.png"
+                alt="Google"
+                class="w-14 h-14 mr-2"
+                fill =  "skyblue"
+              />
+              <div class="w-full">
+                <h3
+                  class="text-2xl font-bold text-gray-800 mb-1 w-2/3 truncate"
+                >
+                  JavaScript
+                </h3>
+                <p class="text-gray-600 w-2/3 truncate">
+                  자바스크립트 공부한 내용을 모아놓은 페이지입니다.
+              </div>
+            </div>
+            <div class="flex items-center justify-center w-1/12">
+              <button>
+                <svg
+                  class="w-6 h-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                  fill =  "skyblue"
+                >
+                  <path
+                    d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="bg-white p-4 rounded shadow flex justify-between items-center"
+          >
+            <div class="flex items-center w-11/12">
+              <img
+                src="./public/ts.png"
+                alt="Google"
+                class="w-14 h-14 mr-2"
+                fill =  "skyblue"
+              />
+              <div class="w-full">
+                <h3
+                  class="text-2xl font-bold text-gray-800 mb-1 w-2/3 truncate"
+                >
+                  TypeScript
+                </h3>
+                <p class="text-gray-600 w-2/3 truncate">
+                  저는 타입 스크립트를 오랜 시간 공부했습니다.
+                </p>
+              </div>
+            </div>
+            <div class="flex items-center justify-center w-1/12">
+              <button>
+                <svg
+                  class="w-6 h-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                  fill =  "skyblue"
+                >
+                  <path
+                    d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="flex justify-end">
+          <button class="mt-4 bg-blue-950 text-white px-4 py-2 rounded w-1/4">
+            + Add Mark
+          </button>
+        </div>
+      </div>
+    </section>
+</main>
+
+
+</body>
+</html>
diff --git a/윤영헌/ex1/input.css b/윤영헌/ex1/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;