From b004e2461ea3116d318edbd8979a41747cdf5166 Mon Sep 17 00:00:00 2001
From: MIJUUUUU <dlalwnjenny@naver.com>
Date: Tue, 22 Sep 2026 14:25:32 +0900
Subject: [PATCH] =?UTF-8?q?fix(client):=20=EC=97=AC=ED=96=89=20=EC=B7=A8?=
 =?UTF-8?q?=ED=96=A5=20=EB=8B=A8=EA=B3=84=20=EB=92=A4=EB=A1=9C=EA=B0=80?=
 =?UTF-8?q?=EA=B8=B0=20=EC=88=9C=ED=99=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/trip/QuestionStep.tsx | 8 +++++++-
 src/components/ui/StepProgress.tsx   | 4 +++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/trip/QuestionStep.tsx b/src/components/trip/QuestionStep.tsx
index dd38db3..cdc113c 100644
--- a/src/components/trip/QuestionStep.tsx
+++ b/src/components/trip/QuestionStep.tsx
@@ -219,6 +219,12 @@ export default function QuestionStep({
   const { draft, setAnswer } = useTripDraft();
   const [questions, setQuestions] = useState<TripQuestion[] | null>(null);
   const [error, setError] = useState(false);
+  const backHref =
+    uiStep === 3
+      ? "/trips/new/step2"
+      : uiStep === 2
+        ? "/trips/new/step1"
+        : "/trips/new/date";
 
   useEffect(() => {
     let cancelled = false;
@@ -271,7 +277,7 @@ export default function QuestionStep({
 
   return (
     <PageFade className="flex min-h-0 flex-1 flex-col bg-[#fbfdff]">
-      <StepProgress step={stepIndex} total={total} title={headerTitle} />
+      <StepProgress step={stepIndex} total={total} title={headerTitle} backHref={backHref} />
 
       <div className="flex min-h-0 flex-1 flex-col overflow-y-auto px-5 pb-6 scrollbar-none">
         <section className="relative -mx-5 min-h-[10.5rem] overflow-hidden px-5 pt-8">
diff --git a/src/components/ui/StepProgress.tsx b/src/components/ui/StepProgress.tsx
index 8dae51d..e4d81ec 100644
--- a/src/components/ui/StepProgress.tsx
+++ b/src/components/ui/StepProgress.tsx
@@ -7,10 +7,12 @@ export default function StepProgress({
   step,
   total,
   title,
+  backHref,
 }: {
   step: number;
   total: number;
   title?: string;
+  backHref?: string;
 }) {
   const router = useRouter();
   const percent = (step / total) * 100;
@@ -20,7 +22,7 @@ export default function StepProgress({
       <div className="flex items-center justify-between gap-2">
         <button
           type="button"
-          onClick={() => router.back()}
+          onClick={() => backHref ? router.replace(backHref) : router.back()}
           aria-label="뒤로 가기"
           className="-ml-2 grid size-10 shrink-0 place-items-center rounded-full text-[#0d234f] transition-colors hover:bg-[#eef5ff]"
         >