From 502d6ed7ac33f44d0b97f8b3da9d399868487338 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:43:38 +0900
Subject: [PATCH 01/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx     | 2 +-
 feature/Experience/schedule/DateInput.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index ec60099..55d057e 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 import { useExperienceForm } from "@/hooks/useExperienceForm";
diff --git a/feature/Experience/schedule/DateInput.tsx b/feature/Experience/schedule/DateInput.tsx
index e460ac4..f4249d6 100644
--- a/feature/Experience/schedule/DateInput.tsx
+++ b/feature/Experience/schedule/DateInput.tsx
@@ -2,7 +2,7 @@
 import { useState, useRef } from "react";
 import CalendarIcon from "@/public/icon_calendar.svg";
 import DatePicker from "./Datepicker";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import { useClickOutside } from "@/hooks/useClickOutside";
 
 interface Props {

From 02297595d6b9d058dbff1f48cd51fafa2d28b02a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:46:57 +0900
Subject: [PATCH 02/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...4\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" | 1 +
 1 file changed, 1 insertion(+)

diff --git "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
index e69de29..272a356 100644
--- "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
+++ "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
@@ -0,0 +1 @@
+빈커밋 생성 이유 develop이 아닌 main으로 PR 요청해서 수정했습니다
\ No newline at end of file

From c3597c2c12a06823472ae9907b20cd4cbfedbb8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 31 Dec 2025 09:50:25 +0900
Subject: [PATCH 03/18] =?UTF-8?q?refactor:=20=EB=B9=84=EC=A0=9C=EC=96=B4?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 63 +++++++++++++++------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 55d057e..937d9dd 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,15 +1,12 @@
 "use client";
 
+import { useRef } from "react";
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/input/Input"; 
-import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
-
-import { useExperienceForm } from "@/hooks/useExperienceForm";
+import { ImageSection } from "./ImageSection";
+import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
-
-import { ImageSection } from "./ImageSection"; 
-import { ScheduleSection } from "./ScheduleSection"; 
+import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;
@@ -22,21 +19,25 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-  /** 기본 폼 상태 */
-  const { values, handleChange } = useExperienceForm(initialValues);
 
-  /** 스케줄 관리 */
-  const scheduleManager = useScheduleManager(
-    initialValues?.schedules ?? []
-  );
+  const titleRef = useRef<HTMLInputElement>(null);
+  const categoryRef = useRef<HTMLInputElement>(null);
+  const descriptionRef = useRef<HTMLTextAreaElement>(null);
+  const priceRef = useRef<HTMLInputElement>(null);
+  const addressRef = useRef<HTMLInputElement>(null);
+
+  const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
-  /** 이미지 관리 */
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
   const handleSubmit = () => {
     onSubmit({
-      ...values,
+      title: titleRef.current?.value ?? "",
+      category: categoryRef.current?.value ?? "",
+      description: descriptionRef.current?.value ?? "",
+      price: Number(priceRef.current?.value ?? 0),
+      address: addressRef.current?.value ?? "",
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -55,49 +56,53 @@ export default function ExperienceForm({
 
       {/* 제목 */}
       <label>제목</label>
-      <Input
+      <input
         name="title"
-        value={values.title}
-        onChange={handleChange}
+        defaultValue={initialValues?.title}
         placeholder="제목을 입력해 주세요"
+        ref={titleRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 카테고리 */}
       <label>카테고리</label>
-      <Input
+      <input
         name="category"
-        value={values.category}
-        onChange={handleChange}
+        defaultValue={initialValues?.category}
         placeholder="카테고리를 선택해 주세요"
+        ref={categoryRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
         name="description"
-        value={values.description}
-        onChange={handleChange}
+        defaultValue={initialValues?.description}
         placeholder="체험에 대한 설명을 입력해 주세요"
+        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
-      <Input
+      <input
         name="price"
         type="number"
-        value={values.price}
-        onChange={handleChange}
+        defaultValue={initialValues?.price}
         placeholder="체험 금액을 입력해주세요"
+        ref={priceRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
-      <Input
+      <input
         name="address"
-        value={values.address}
-        onChange={handleChange}
+        defaultValue={initialValues?.address}
         placeholder="주소를 입력해 주세요"
+        ref={addressRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 예약 가능한 시간대 */}

From d8bedc4a9638d27f27564f956f3a1ffd553810e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:43:38 +0900
Subject: [PATCH 04/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx     | 2 +-
 feature/Experience/schedule/DateInput.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index ec60099..55d057e 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 import { useExperienceForm } from "@/hooks/useExperienceForm";
diff --git a/feature/Experience/schedule/DateInput.tsx b/feature/Experience/schedule/DateInput.tsx
index e460ac4..f4249d6 100644
--- a/feature/Experience/schedule/DateInput.tsx
+++ b/feature/Experience/schedule/DateInput.tsx
@@ -2,7 +2,7 @@
 import { useState, useRef } from "react";
 import CalendarIcon from "@/public/icon_calendar.svg";
 import DatePicker from "./Datepicker";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import { useClickOutside } from "@/hooks/useClickOutside";
 
 interface Props {

From 879332d6db8cfe6fd0a2533563ee88c4196f809b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:46:57 +0900
Subject: [PATCH 05/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...4\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" | 1 +
 1 file changed, 1 insertion(+)

diff --git "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
index e69de29..272a356 100644
--- "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
+++ "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
@@ -0,0 +1 @@
+빈커밋 생성 이유 develop이 아닌 main으로 PR 요청해서 수정했습니다
\ No newline at end of file

From 3bed9dcf29289fc1821c9c28cb8cdf00d211cdec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 31 Dec 2025 09:50:25 +0900
Subject: [PATCH 06/18] =?UTF-8?q?refactor:=20=EB=B9=84=EC=A0=9C=EC=96=B4?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 63 +++++++++++++++------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 55d057e..937d9dd 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,15 +1,12 @@
 "use client";
 
+import { useRef } from "react";
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/input/Input"; 
-import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
-
-import { useExperienceForm } from "@/hooks/useExperienceForm";
+import { ImageSection } from "./ImageSection";
+import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
-
-import { ImageSection } from "./ImageSection"; 
-import { ScheduleSection } from "./ScheduleSection"; 
+import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;
@@ -22,21 +19,25 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-  /** 기본 폼 상태 */
-  const { values, handleChange } = useExperienceForm(initialValues);
 
-  /** 스케줄 관리 */
-  const scheduleManager = useScheduleManager(
-    initialValues?.schedules ?? []
-  );
+  const titleRef = useRef<HTMLInputElement>(null);
+  const categoryRef = useRef<HTMLInputElement>(null);
+  const descriptionRef = useRef<HTMLTextAreaElement>(null);
+  const priceRef = useRef<HTMLInputElement>(null);
+  const addressRef = useRef<HTMLInputElement>(null);
+
+  const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
-  /** 이미지 관리 */
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
   const handleSubmit = () => {
     onSubmit({
-      ...values,
+      title: titleRef.current?.value ?? "",
+      category: categoryRef.current?.value ?? "",
+      description: descriptionRef.current?.value ?? "",
+      price: Number(priceRef.current?.value ?? 0),
+      address: addressRef.current?.value ?? "",
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -55,49 +56,53 @@ export default function ExperienceForm({
 
       {/* 제목 */}
       <label>제목</label>
-      <Input
+      <input
         name="title"
-        value={values.title}
-        onChange={handleChange}
+        defaultValue={initialValues?.title}
         placeholder="제목을 입력해 주세요"
+        ref={titleRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 카테고리 */}
       <label>카테고리</label>
-      <Input
+      <input
         name="category"
-        value={values.category}
-        onChange={handleChange}
+        defaultValue={initialValues?.category}
         placeholder="카테고리를 선택해 주세요"
+        ref={categoryRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
         name="description"
-        value={values.description}
-        onChange={handleChange}
+        defaultValue={initialValues?.description}
         placeholder="체험에 대한 설명을 입력해 주세요"
+        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
-      <Input
+      <input
         name="price"
         type="number"
-        value={values.price}
-        onChange={handleChange}
+        defaultValue={initialValues?.price}
         placeholder="체험 금액을 입력해주세요"
+        ref={priceRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
-      <Input
+      <input
         name="address"
-        value={values.address}
-        onChange={handleChange}
+        defaultValue={initialValues?.address}
         placeholder="주소를 입력해 주세요"
+        ref={addressRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 예약 가능한 시간대 */}

From ddcf3d645595b9241aed13c62188fe4ede9358fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:43:38 +0900
Subject: [PATCH 07/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx     | 2 +-
 feature/Experience/schedule/DateInput.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index ec60099..55d057e 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 import { useExperienceForm } from "@/hooks/useExperienceForm";
diff --git a/feature/Experience/schedule/DateInput.tsx b/feature/Experience/schedule/DateInput.tsx
index e460ac4..f4249d6 100644
--- a/feature/Experience/schedule/DateInput.tsx
+++ b/feature/Experience/schedule/DateInput.tsx
@@ -2,7 +2,7 @@
 import { useState, useRef } from "react";
 import CalendarIcon from "@/public/icon_calendar.svg";
 import DatePicker from "./Datepicker";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import { useClickOutside } from "@/hooks/useClickOutside";
 
 interface Props {

From 0be86efc9f20a0e42b041467bbe0f2cb0843c906 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:46:57 +0900
Subject: [PATCH 08/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...4\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" | 1 +
 1 file changed, 1 insertion(+)

diff --git "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
index e69de29..272a356 100644
--- "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
+++ "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
@@ -0,0 +1 @@
+빈커밋 생성 이유 develop이 아닌 main으로 PR 요청해서 수정했습니다
\ No newline at end of file

From aabe7581cb2ffff5ec702720b3cfc17daf84ea48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 31 Dec 2025 09:50:25 +0900
Subject: [PATCH 09/18] =?UTF-8?q?refactor:=20=EB=B9=84=EC=A0=9C=EC=96=B4?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 63 +++++++++++++++------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 55d057e..937d9dd 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,15 +1,12 @@
 "use client";
 
+import { useRef } from "react";
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/input/Input"; 
-import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
-
-import { useExperienceForm } from "@/hooks/useExperienceForm";
+import { ImageSection } from "./ImageSection";
+import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
-
-import { ImageSection } from "./ImageSection"; 
-import { ScheduleSection } from "./ScheduleSection"; 
+import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;
@@ -22,21 +19,25 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-  /** 기본 폼 상태 */
-  const { values, handleChange } = useExperienceForm(initialValues);
 
-  /** 스케줄 관리 */
-  const scheduleManager = useScheduleManager(
-    initialValues?.schedules ?? []
-  );
+  const titleRef = useRef<HTMLInputElement>(null);
+  const categoryRef = useRef<HTMLInputElement>(null);
+  const descriptionRef = useRef<HTMLTextAreaElement>(null);
+  const priceRef = useRef<HTMLInputElement>(null);
+  const addressRef = useRef<HTMLInputElement>(null);
+
+  const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
-  /** 이미지 관리 */
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
   const handleSubmit = () => {
     onSubmit({
-      ...values,
+      title: titleRef.current?.value ?? "",
+      category: categoryRef.current?.value ?? "",
+      description: descriptionRef.current?.value ?? "",
+      price: Number(priceRef.current?.value ?? 0),
+      address: addressRef.current?.value ?? "",
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -55,49 +56,53 @@ export default function ExperienceForm({
 
       {/* 제목 */}
       <label>제목</label>
-      <Input
+      <input
         name="title"
-        value={values.title}
-        onChange={handleChange}
+        defaultValue={initialValues?.title}
         placeholder="제목을 입력해 주세요"
+        ref={titleRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 카테고리 */}
       <label>카테고리</label>
-      <Input
+      <input
         name="category"
-        value={values.category}
-        onChange={handleChange}
+        defaultValue={initialValues?.category}
         placeholder="카테고리를 선택해 주세요"
+        ref={categoryRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
         name="description"
-        value={values.description}
-        onChange={handleChange}
+        defaultValue={initialValues?.description}
         placeholder="체험에 대한 설명을 입력해 주세요"
+        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
-      <Input
+      <input
         name="price"
         type="number"
-        value={values.price}
-        onChange={handleChange}
+        defaultValue={initialValues?.price}
         placeholder="체험 금액을 입력해주세요"
+        ref={priceRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
-      <Input
+      <input
         name="address"
-        value={values.address}
-        onChange={handleChange}
+        defaultValue={initialValues?.address}
         placeholder="주소를 입력해 주세요"
+        ref={addressRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 예약 가능한 시간대 */}

From f51b5bfa334740590e58c3870ba7d70a22773a03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 6 Jan 2026 18:22:40 +0900
Subject: [PATCH 10/18] =?UTF-8?q?react-hook-form=20=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=8C=EB=9F=AC=EB=A6=AC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 59 ++++++++++++---------------
 package-lock.json                     | 29 +++++++------
 package.json                          |  1 +
 3 files changed, 44 insertions(+), 45 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 937d9dd..7835883 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useRef } from "react";
+import { useForm } from "react-hook-form";
 import { Button } from "@/components/button/Button";
 import { ImageSection } from "./ImageSection";
 import { ScheduleSection } from "./ScheduleSection";
@@ -19,25 +19,28 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-
-  const titleRef = useRef<HTMLInputElement>(null);
-  const categoryRef = useRef<HTMLInputElement>(null);
-  const descriptionRef = useRef<HTMLTextAreaElement>(null);
-  const priceRef = useRef<HTMLInputElement>(null);
-  const addressRef = useRef<HTMLInputElement>(null);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<ExperienceFormValues>({
+    defaultValues: {
+      title: initialValues?.title ?? "",
+      category: initialValues?.category ?? "",
+      description: initialValues?.description ?? "",
+      price: initialValues?.price ?? 0,
+      address: initialValues?.address ?? "",
+    },
+  });
 
   const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
-  const handleSubmit = () => {
+  const onValidSubmit = (data: ExperienceFormValues) => {
     onSubmit({
-      title: titleRef.current?.value ?? "",
-      category: categoryRef.current?.value ?? "",
-      description: descriptionRef.current?.value ?? "",
-      price: Number(priceRef.current?.value ?? 0),
-      address: addressRef.current?.value ?? "",
+      ...data,
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -47,61 +50,51 @@ export default function ExperienceForm({
   return (
     <form
       className="flex lg:w-175 flex-col gap-6"
-      onSubmit={(e) => {
-        e.preventDefault();
-        handleSubmit();
-      }}
+      onSubmit={handleSubmit(onValidSubmit)}
     >
       <h1 className="text-18-b">내 체험 등록</h1>
 
       {/* 제목 */}
       <label>제목</label>
       <input
-        name="title"
-        defaultValue={initialValues?.title}
+        {...register("title", { required: "제목을 입력해 주세요" })}
         placeholder="제목을 입력해 주세요"
-        ref={titleRef}
         className="border p-3 rounded-xl"
       />
+      {errors.title && (
+        <p className="text-red-500 text-sm">{errors.title.message}</p>
+      )}
 
       {/* 카테고리 */}
       <label>카테고리</label>
       <input
-        name="category"
-        defaultValue={initialValues?.category}
+        {...register("category", { required: "카테고리를 입력해 주세요" })}
         placeholder="카테고리를 선택해 주세요"
-        ref={categoryRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
-        name="description"
-        defaultValue={initialValues?.description}
+        {...register("description")}
         placeholder="체험에 대한 설명을 입력해 주세요"
-        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
       <input
-        name="price"
         type="number"
-        defaultValue={initialValues?.price}
+        {...register("price", { valueAsNumber: true, min: 0 })}
         placeholder="체험 금액을 입력해주세요"
-        ref={priceRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
       <input
-        name="address"
-        defaultValue={initialValues?.address}
+        {...register("address")}
         placeholder="주소를 입력해 주세요"
-        ref={addressRef}
         className="border p-3 rounded-xl"
       />
 
@@ -112,7 +105,7 @@ export default function ExperienceForm({
       <ImageSection
         title="배너 이미지 등록"
         images={bannerImages.images}
-        maxCount={4}
+        maxCount={1}
         onUpload={bannerImages.addImages}
         onRemove={bannerImages.removeImage}
       />
diff --git a/package-lock.json b/package-lock.json
index bec15b6..8dcabaf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "react": "19.2.3",
         "react-datepicker": "^9.1.0",
         "react-dom": "19.2.3",
+        "react-hook-form": "^7.70.0",
         "tailwind-merge": "^3.4.0"
       },
       "devDependencies": {
@@ -73,7 +74,6 @@
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -3366,7 +3366,6 @@
       "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3465,7 +3464,6 @@
       "integrity": "sha512-6/cmF2piao+f6wSxUsJLZjck7OQsYyRtcOZS02k7XINSNlz93v6emM8WutDQSXnroG2xwYlEVHJI+cPA7CPM3Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.50.0",
         "@typescript-eslint/types": "8.50.0",
@@ -3965,7 +3963,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4355,7 +4352,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -5208,7 +5204,6 @@
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5394,7 +5389,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -7648,7 +7642,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7679,7 +7672,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -7687,6 +7679,22 @@
         "react": "^19.2.3"
       }
     },
+    "node_modules/react-hook-form": {
+      "version": "7.70.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.70.0.tgz",
+      "integrity": "sha512-COOMajS4FI3Wuwrs3GPpi/Jeef/5W1DRR84Yl5/ShlT3dKVFUfoGiEZ/QE6Uw8P4T2/CLJdcTVYKvWBMQTEpvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -8463,7 +8471,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8626,7 +8633,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -8930,7 +8936,6 @@
       "integrity": "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/package.json b/package.json
index f5bfba8..f39cc31 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "react": "19.2.3",
     "react-datepicker": "^9.1.0",
     "react-dom": "19.2.3",
+    "react-hook-form": "^7.70.0",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {

From 312e65e7be01b56636ef2e6783a0ab583008905b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:43:38 +0900
Subject: [PATCH 11/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx     | 2 +-
 feature/Experience/schedule/DateInput.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index ec60099..55d057e 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 import { useExperienceForm } from "@/hooks/useExperienceForm";
diff --git a/feature/Experience/schedule/DateInput.tsx b/feature/Experience/schedule/DateInput.tsx
index e460ac4..f4249d6 100644
--- a/feature/Experience/schedule/DateInput.tsx
+++ b/feature/Experience/schedule/DateInput.tsx
@@ -2,7 +2,7 @@
 import { useState, useRef } from "react";
 import CalendarIcon from "@/public/icon_calendar.svg";
 import DatePicker from "./Datepicker";
-import { Input } from "@/components/common/input";
+import { Input } from "@/components/input/Input"; 
 import { useClickOutside } from "@/hooks/useClickOutside";
 
 interface Props {

From eb2a36448f03701bc129fd3404973e54f71ec837 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:46:57 +0900
Subject: [PATCH 12/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...4\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" | 1 +
 1 file changed, 1 insertion(+)

diff --git "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md" "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
index e69de29..272a356 100644
--- "a/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
+++ "b/\353\271\210\354\273\244\353\260\213\354\203\235\354\204\261\354\232\251.md"
@@ -0,0 +1 @@
+빈커밋 생성 이유 develop이 아닌 main으로 PR 요청해서 수정했습니다
\ No newline at end of file

From d7d21c2f2acddb1e36a0f4789e120044d504d7d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 31 Dec 2025 09:50:25 +0900
Subject: [PATCH 13/18] =?UTF-8?q?refactor:=20=EB=B9=84=EC=A0=9C=EC=96=B4?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 63 +++++++++++++++------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 55d057e..937d9dd 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,15 +1,12 @@
 "use client";
 
+import { useRef } from "react";
 import { Button } from "@/components/button/Button";
-import { Input } from "@/components/input/Input"; 
-import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
-
-import { useExperienceForm } from "@/hooks/useExperienceForm";
+import { ImageSection } from "./ImageSection";
+import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
-
-import { ImageSection } from "./ImageSection"; 
-import { ScheduleSection } from "./ScheduleSection"; 
+import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;
@@ -22,21 +19,25 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-  /** 기본 폼 상태 */
-  const { values, handleChange } = useExperienceForm(initialValues);
 
-  /** 스케줄 관리 */
-  const scheduleManager = useScheduleManager(
-    initialValues?.schedules ?? []
-  );
+  const titleRef = useRef<HTMLInputElement>(null);
+  const categoryRef = useRef<HTMLInputElement>(null);
+  const descriptionRef = useRef<HTMLTextAreaElement>(null);
+  const priceRef = useRef<HTMLInputElement>(null);
+  const addressRef = useRef<HTMLInputElement>(null);
+
+  const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
-  /** 이미지 관리 */
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
   const handleSubmit = () => {
     onSubmit({
-      ...values,
+      title: titleRef.current?.value ?? "",
+      category: categoryRef.current?.value ?? "",
+      description: descriptionRef.current?.value ?? "",
+      price: Number(priceRef.current?.value ?? 0),
+      address: addressRef.current?.value ?? "",
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -55,49 +56,53 @@ export default function ExperienceForm({
 
       {/* 제목 */}
       <label>제목</label>
-      <Input
+      <input
         name="title"
-        value={values.title}
-        onChange={handleChange}
+        defaultValue={initialValues?.title}
         placeholder="제목을 입력해 주세요"
+        ref={titleRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 카테고리 */}
       <label>카테고리</label>
-      <Input
+      <input
         name="category"
-        value={values.category}
-        onChange={handleChange}
+        defaultValue={initialValues?.category}
         placeholder="카테고리를 선택해 주세요"
+        ref={categoryRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
         name="description"
-        value={values.description}
-        onChange={handleChange}
+        defaultValue={initialValues?.description}
         placeholder="체험에 대한 설명을 입력해 주세요"
+        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
-      <Input
+      <input
         name="price"
         type="number"
-        value={values.price}
-        onChange={handleChange}
+        defaultValue={initialValues?.price}
         placeholder="체험 금액을 입력해주세요"
+        ref={priceRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
-      <Input
+      <input
         name="address"
-        value={values.address}
-        onChange={handleChange}
+        defaultValue={initialValues?.address}
         placeholder="주소를 입력해 주세요"
+        ref={addressRef}
+        className="border p-3 rounded-xl"
       />
 
       {/* 예약 가능한 시간대 */}

From e10e718aabaefbd7968f04dde3fb10e190a6d6b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 30 Dec 2025 14:43:38 +0900
Subject: [PATCH 14/18] =?UTF-8?q?=EB=A6=AC=EB=B2=A0=EC=9D=B4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=ED=9B=84=20import=EB=AC=B8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 937d9dd..7f87a38 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -2,11 +2,15 @@
 
 import { useRef } from "react";
 import { Button } from "@/components/button/Button";
+import { Input } from "@/components/input/Input"; 
+import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
+
+import { useExperienceForm } from "@/hooks/useExperienceForm";
 import { ImageSection } from "./ImageSection";
 import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
-import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
+
 
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;

From c01ce143d973c9357e9afe0e9662a8ff2170f4b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 31 Dec 2025 09:50:25 +0900
Subject: [PATCH 15/18] =?UTF-8?q?refactor:=20=EB=B9=84=EC=A0=9C=EC=96=B4?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 7f87a38..837bf17 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -12,6 +12,7 @@ import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
 
 
+
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;
   onSubmit: (values: ExperienceFormValues) => void;

From 0d10c60427bb75ff0f6d07160ba5e2c169318432 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 31 Dec 2025 09:50:25 +0900
Subject: [PATCH 16/18] =?UTF-8?q?refactor:=20=EB=B9=84=EC=A0=9C=EC=96=B4?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 837bf17..370367e 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -6,12 +6,11 @@ import { Input } from "@/components/input/Input";
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 import { useExperienceForm } from "@/hooks/useExperienceForm";
-import { ImageSection } from "./ImageSection";
-import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
 
-
+import { ImageSection } from "./ImageSection"; 
+import { ScheduleSection } from "./ScheduleSection"; 
 
 interface Props {
   initialValues?: Partial<ExperienceFormValues>;

From 7e679134fbf4df6e23616e4cde9589fab93c1da4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Tue, 6 Jan 2026 18:22:40 +0900
Subject: [PATCH 17/18] =?UTF-8?q?react-hook-form=20=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=8C=EB=9F=AC=EB=A6=AC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 59 ++++++++++++---------------
 package-lock.json                     | 23 +++++------
 package.json                          |  2 +-
 3 files changed, 38 insertions(+), 46 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index 370367e..d6465d2 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useRef } from "react";
+import { useForm } from "react-hook-form";
 import { Button } from "@/components/button/Button";
 import { Input } from "@/components/input/Input"; 
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
@@ -23,25 +23,28 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-
-  const titleRef = useRef<HTMLInputElement>(null);
-  const categoryRef = useRef<HTMLInputElement>(null);
-  const descriptionRef = useRef<HTMLTextAreaElement>(null);
-  const priceRef = useRef<HTMLInputElement>(null);
-  const addressRef = useRef<HTMLInputElement>(null);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<ExperienceFormValues>({
+    defaultValues: {
+      title: initialValues?.title ?? "",
+      category: initialValues?.category ?? "",
+      description: initialValues?.description ?? "",
+      price: initialValues?.price ?? 0,
+      address: initialValues?.address ?? "",
+    },
+  });
 
   const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
-  const handleSubmit = () => {
+  const onValidSubmit = (data: ExperienceFormValues) => {
     onSubmit({
-      title: titleRef.current?.value ?? "",
-      category: categoryRef.current?.value ?? "",
-      description: descriptionRef.current?.value ?? "",
-      price: Number(priceRef.current?.value ?? 0),
-      address: addressRef.current?.value ?? "",
+      ...data,
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -51,61 +54,51 @@ export default function ExperienceForm({
   return (
     <form
       className="flex lg:w-175 flex-col gap-6"
-      onSubmit={(e) => {
-        e.preventDefault();
-        handleSubmit();
-      }}
+      onSubmit={handleSubmit(onValidSubmit)}
     >
       <h1 className="text-18-b">내 체험 등록</h1>
 
       {/* 제목 */}
       <label>제목</label>
       <input
-        name="title"
-        defaultValue={initialValues?.title}
+        {...register("title", { required: "제목을 입력해 주세요" })}
         placeholder="제목을 입력해 주세요"
-        ref={titleRef}
         className="border p-3 rounded-xl"
       />
+      {errors.title && (
+        <p className="text-red-500 text-sm">{errors.title.message}</p>
+      )}
 
       {/* 카테고리 */}
       <label>카테고리</label>
       <input
-        name="category"
-        defaultValue={initialValues?.category}
+        {...register("category", { required: "카테고리를 입력해 주세요" })}
         placeholder="카테고리를 선택해 주세요"
-        ref={categoryRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
-        name="description"
-        defaultValue={initialValues?.description}
+        {...register("description")}
         placeholder="체험에 대한 설명을 입력해 주세요"
-        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
       <input
-        name="price"
         type="number"
-        defaultValue={initialValues?.price}
+        {...register("price", { valueAsNumber: true, min: 0 })}
         placeholder="체험 금액을 입력해주세요"
-        ref={priceRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
       <input
-        name="address"
-        defaultValue={initialValues?.address}
+        {...register("address")}
         placeholder="주소를 입력해 주세요"
-        ref={addressRef}
         className="border p-3 rounded-xl"
       />
 
@@ -116,7 +109,7 @@ export default function ExperienceForm({
       <ImageSection
         title="배너 이미지 등록"
         images={bannerImages.images}
-        maxCount={4}
+        maxCount={1}
         onUpload={bannerImages.addImages}
         onRemove={bannerImages.removeImage}
       />
diff --git a/package-lock.json b/package-lock.json
index eaac6ff..2907465 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "react-datepicker": "^9.1.0",
         "react-day-picker": "^9.13.0",
         "react-dom": "19.2.3",
-        "react-hot-toast": "^2.6.0",
+        "react-hook-form": "^7.70.0",
         "tailwind-merge": "^3.4.0"
       },
       "devDependencies": {
@@ -6641,21 +6641,20 @@
         "react": "^19.2.3"
       }
     },
-    "node_modules/react-hot-toast": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.6.0.tgz",
-      "integrity": "sha512-bH+2EBMZ4sdyou/DPrfgIouFpcRLCJ+HoCA32UoAYHn6T3Ur5yfcDCeSr5mwldl6pFOsiocmrXMuoCJ1vV8bWg==",
+    "node_modules/react-hook-form": {
+      "version": "7.70.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.70.0.tgz",
+      "integrity": "sha512-COOMajS4FI3Wuwrs3GPpi/Jeef/5W1DRR84Yl5/ShlT3dKVFUfoGiEZ/QE6Uw8P4T2/CLJdcTVYKvWBMQTEpvw==",
       "license": "MIT",
-      "dependencies": {
-        "csstype": "^3.1.3",
-        "goober": "^2.1.16"
-      },
       "engines": {
-        "node": ">=10"
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
       },
       "peerDependencies": {
-        "react": ">=16",
-        "react-dom": ">=16"
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
       }
     },
     "node_modules/react-is": {
diff --git a/package.json b/package.json
index a1ac4ff..0528321 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "react-datepicker": "^9.1.0",
     "react-day-picker": "^9.13.0",
     "react-dom": "19.2.3",
-    "react-hot-toast": "^2.6.0",
+    "react-hook-form": "^7.70.0",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {

From fe7165a8f031459f775234891c122ddeaa6dd7ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DESKTOP-6FVFHUO=5C=EA=B8=B0=ED=9B=88?=
 <tjsrlgns97@gmail.com>
Date: Wed, 7 Jan 2026 11:26:14 +0900
Subject: [PATCH 18/18] =?UTF-8?q?refactor:=20react-hook-form=EC=9D=84=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=ED=95=98=EC=97=AC=20=EA=B2=BD=ED=97=98=20?=
 =?UTF-8?q?=EB=93=B1=EB=A1=9D=20=ED=8F=BC=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/Experience/ExperienceForm.tsx | 63 ++++++++++++---------------
 package-lock.json                     | 10 +----
 2 files changed, 28 insertions(+), 45 deletions(-)

diff --git a/feature/Experience/ExperienceForm.tsx b/feature/Experience/ExperienceForm.tsx
index e0e1c28..f2e12d7 100644
--- a/feature/Experience/ExperienceForm.tsx
+++ b/feature/Experience/ExperienceForm.tsx
@@ -1,13 +1,11 @@
 "use client";
 
-import { useRef } from "react";
+import { useForm } from "react-hook-form";
 import { Button } from "@/components/button/Button";
 import { ImageSection } from "./ImageSection";
 import { ScheduleSection } from "./ScheduleSection";
 import { useScheduleManager } from "@/hooks/useScheduleManager";
 import { useImageManager } from "@/hooks/useImageManager";
-
-
 import type { ExperienceFormValues } from "@/types/ExperienceForm.types";
 
 interface Props {
@@ -21,25 +19,28 @@ export default function ExperienceForm({
   onSubmit,
   submitLabel = "등록하기",
 }: Props) {
-
-  const titleRef = useRef<HTMLInputElement>(null);
-  const categoryRef = useRef<HTMLInputElement>(null);
-  const descriptionRef = useRef<HTMLTextAreaElement>(null);
-  const priceRef = useRef<HTMLInputElement>(null);
-  const addressRef = useRef<HTMLInputElement>(null);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<ExperienceFormValues>({
+    defaultValues: {
+      title: initialValues?.title ?? "",
+      category: initialValues?.category ?? "",
+      description: initialValues?.description ?? "",
+      price: initialValues?.price ?? 0,
+      address: initialValues?.address ?? "",
+    },
+  });
 
   const scheduleManager = useScheduleManager(initialValues?.schedules ?? []);
 
   const bannerImages = useImageManager();
   const detailImages = useImageManager();
 
-  const handleSubmit = () => {
+  const onValidSubmit = (data: ExperienceFormValues) => {
     onSubmit({
-      title: titleRef.current?.value ?? "",
-      category: categoryRef.current?.value ?? "",
-      description: descriptionRef.current?.value ?? "",
-      price: Number(priceRef.current?.value ?? 0),
-      address: addressRef.current?.value ?? "",
+      ...data,
       schedules: scheduleManager.schedules,
       bannerImageUrl: bannerImages.images[0]?.preview ?? "",
       subImageUrls: detailImages.images.map((img) => img.preview),
@@ -49,61 +50,51 @@ export default function ExperienceForm({
   return (
     <form
       className="flex lg:w-175 flex-col gap-6"
-      onSubmit={(e) => {
-        e.preventDefault();
-        handleSubmit();
-      }}
+      onSubmit={handleSubmit(onValidSubmit)}
     >
       <h1 className="text-18-b">내 체험 등록</h1>
 
       {/* 제목 */}
       <label>제목</label>
       <input
-        name="title"
-        defaultValue={initialValues?.title}
+        {...register("title", { required: "제목을 입력해 주세요" })}
         placeholder="제목을 입력해 주세요"
-        ref={titleRef}
         className="border p-3 rounded-xl"
       />
+      {errors.title && (
+        <p className="text-red-500 text-sm">{errors.title.message}</p>
+      )}
 
       {/* 카테고리 */}
       <label>카테고리</label>
       <input
-        name="category"
-        defaultValue={initialValues?.category}
+        {...register("category", { required: "카테고리를 입력해 주세요" })}
         placeholder="카테고리를 선택해 주세요"
-        ref={categoryRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 설명 */}
       <label>설명</label>
       <textarea
-        name="description"
-        defaultValue={initialValues?.description}
+        {...register("description")}
         placeholder="체험에 대한 설명을 입력해 주세요"
-        ref={descriptionRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 가격 */}
       <label>가격</label>
       <input
-        name="price"
         type="number"
-        defaultValue={initialValues?.price}
+        {...register("price", { valueAsNumber: true, min: 0 })}
         placeholder="체험 금액을 입력해주세요"
-        ref={priceRef}
         className="border p-3 rounded-xl"
       />
 
       {/* 주소 */}
       <label>주소</label>
       <input
-        name="address"
-        defaultValue={initialValues?.address}
+        {...register("address")}
         placeholder="주소를 입력해 주세요"
-        ref={addressRef}
         className="border p-3 rounded-xl"
       />
 
@@ -114,7 +105,7 @@ export default function ExperienceForm({
       <ImageSection
         title="배너 이미지 등록"
         images={bannerImages.images}
-        maxCount={4}
+        maxCount={1}
         onUpload={bannerImages.addImages}
         onRemove={bannerImages.removeImage}
       />
@@ -141,4 +132,4 @@ export default function ExperienceForm({
       </div>
     </form>
   );
-}
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 2907465..f60c0e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3740,6 +3740,7 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/damerau-levenshtein": {
@@ -5025,15 +5026,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/goober": {
-      "version": "2.1.18",
-      "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
-      "integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "csstype": "^3.0.10"
-      }
-    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",