ㄱㄱ

src/app/menu/account/page.tsx

@@ -0,0 +1,60 @@
+'use client';
+
+import { useState } from "react";
+import ChangePasswordModal from "../ChangePasswordModal";
+
+export default function AccountPage() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <main className="flex w-full flex-col">
+      <div className="flex h-[100px] items-center px-8">
+        <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">내 정보 수정</h1>
+      </div>
+      <div className="px-8 pb-20">
+        <div className="rounded-lg border border-[#dee1e6] bg-white p-8">
+          <div className="flex flex-col gap-2">
+            <label className="w-[100px] text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+              아이디 (이메일)
+            </label>
+            <div className="h-10 rounded-lg border border-[#dee1e6] bg-neutral-50 px-3 py-2">
+              <span className="text-[16px] leading-[1.5] text-[#333c47]">skyblue@edu.com</span>
+            </div>
+          </div>
+          <div className="mt-6 flex flex-col gap-2">
+            <label className="w-[100px] text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+              비밀번호 변경
+            </label>
+            <div className="flex items-center gap-3">
+              <div className="h-10 flex-1 rounded-lg border border-[#dee1e6] bg-neutral-50 px-3 py-2">
+                <span className="text-[16px] leading-[1.5] text-[#333c47]">●●●●●●●●●●</span>
+              </div>
+              <button
+                type="button"
+                onClick={() => setOpen(true)}
+                className="h-10 rounded-lg bg-[#f1f3f5] px-4 text-[16px] font-semibold leading-[1.5] text-[#4c5561]"
+              >
+                비밀번호 변경
+              </button>
+            </div>
+          </div>
+        </div>
+        <div className="mt-6">
+          <button className="text-[15px] font-medium leading-[1.5] text-[#f64c4c] underline">
+            회원 탈퇴하기
+          </button>
+        </div>
+      </div>
+
+      <ChangePasswordModal
+        open={open}
+        onClose={() => setOpen(false)}
+        onSubmit={() => {
+          // TODO: integrate API
+        }}
+      />
+    </main>
+  );
+}
+
+