From ac408a2291c2d35a54dfd26658309e9681a3ee62 Mon Sep 17 00:00:00 2001
From: hojin <devbang5674@gmail.com>
Date: Thu, 13 Jun 2024 15:14:11 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix=20:=20=ED=99=88=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/MainHeader.tsx                | 2 +-
 src/components/home/MainPageIndex.tsx             | 1 -
 src/components/home/weekSchedule/WeekSchedule.tsx | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/home/MainHeader.tsx b/src/components/home/MainHeader.tsx
index 8cb23f8..9cb0165 100644
--- a/src/components/home/MainHeader.tsx
+++ b/src/components/home/MainHeader.tsx
@@ -6,7 +6,7 @@ const MainHeader = () => {
   const router = useRouter();
   return (
     <header>
-      <div className="flex justify-between items-center py-2">
+      <div className="flex justify-between items-center py-6">
         <div className="w-[116px] h-8 cursor-pointer">
           <img src="/OffispaceLogo.png" alt="" className="w-full" />
         </div>
diff --git a/src/components/home/MainPageIndex.tsx b/src/components/home/MainPageIndex.tsx
index 9be3455..8b583a3 100644
--- a/src/components/home/MainPageIndex.tsx
+++ b/src/components/home/MainPageIndex.tsx
@@ -16,7 +16,6 @@ const MainPageIndex = () => {
   return (
     <div className="mb-[100px]">
       <BgPurpleLayout>
-        <div className="h-6 w-full" /> {/* 핸드폰 기본 상단 레이아웃 자리 */}
         <MainHeader />
         <CurrentOffice />
         <OfficeNotice />
diff --git a/src/components/home/weekSchedule/WeekSchedule.tsx b/src/components/home/weekSchedule/WeekSchedule.tsx
index c1bd052..cd4353f 100644
--- a/src/components/home/weekSchedule/WeekSchedule.tsx
+++ b/src/components/home/weekSchedule/WeekSchedule.tsx
@@ -39,7 +39,7 @@ const WeekSchedule = () => {
       <div className="flex gap-[11px] justify-center items-center bg-violet-50">
         {daysOfWeek.map((day, i) => (
           <div
-            className={`py-[13px] px-[11px] flex flex-col gap-[13px] cursor-pointer text-base font-medium 
+            className={`mt-3 mb-3 py-[13px] px-[11px] flex flex-col gap-[13px] cursor-pointer text-base font-medium 
             ${isSaturday(day) || isSunday(day) ? 'text-gray-400' : 'text-gray-600'} 
             ${selectedDate && isSameDay(day, selectedDate) ? 'bg-space-purple text-white rounded-[30px]' : ''}
             items-center justify-center`}

From 4f3593040c9d190a2258307ade2b6a7e732cd03f Mon Sep 17 00:00:00 2001
From: hojin <devbang5674@gmail.com>
Date: Thu, 13 Jun 2024 15:46:47 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix=20:=20=ED=9A=8C=EC=9B=90=EA=B0=80?=
 =?UTF-8?q?=EC=9E=85=20=EB=94=94=EC=9E=90=EC=9D=B8,=EB=A1=9C=EC=A7=81=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/sign/phase.svg                              |  3 +++
 src/components/sign/signup/EmailVerification.tsx   | 13 ++++++++++---
 .../sign/signup/PasswordVerification.tsx           | 14 ++++++++------
 3 files changed, 21 insertions(+), 9 deletions(-)
 create mode 100644 public/sign/phase.svg

diff --git a/public/sign/phase.svg b/public/sign/phase.svg
new file mode 100644
index 0000000..3b778ae
--- /dev/null
+++ b/public/sign/phase.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector 2374" d="M0.199219 4.99995L7.39922 0.199951V9.79995L0.199219 4.99995Z" fill="#4E32BB"/>
+</svg>
diff --git a/src/components/sign/signup/EmailVerification.tsx b/src/components/sign/signup/EmailVerification.tsx
index 9180142..d2de116 100644
--- a/src/components/sign/signup/EmailVerification.tsx
+++ b/src/components/sign/signup/EmailVerification.tsx
@@ -158,9 +158,16 @@ const EmailVerification = ({ onNext }: EmailVerification) => {
               3 단계
             </span>
           </div>
-          <div className="w-[152.40px] h-[25.20px] bg-indigo-700 flex justify-center items-center">
-            <div className="text-center text-white text-sm font-medium font-pretendard">
-              한번 더 확인이 필요해요.
+          <div className="flex items-center relative">
+            <img
+              src="/sign/phase.svg"
+              alt="image"
+              className="absolute -left-[7px] z-50"
+            />
+            <div className=" w-[152.40px] h-[25.20px] bg-space-purple flex justify-center items-center">
+              <div className="text-center text-white text-sm font-medium font-pretendard">
+                한번 더 확인이 필요해요.
+              </div>
             </div>
           </div>
         </div>
diff --git a/src/components/sign/signup/PasswordVerification.tsx b/src/components/sign/signup/PasswordVerification.tsx
index adad434..4bb6bf4 100644
--- a/src/components/sign/signup/PasswordVerification.tsx
+++ b/src/components/sign/signup/PasswordVerification.tsx
@@ -55,12 +55,12 @@ const PasswordVerification = ({ onNext, applyValues }: PasswordVerificationProps
   }, [selectedJob]);
 
   const handlePasswordChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setPasswordError(false);
     const newPassword = e.target.value;
     setPassword(newPassword);
+    checkValidPassword(newPassword);
   };
 
-  const checkValidPassword = () => {
+  const checkValidPassword = (password: string) => {
     const passwordRegex = /^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[@#$%^&+=!])(?=\S+$).{8,16}$/;
     if (!passwordRegex.test(password)) {
       setPasswordError(true);
@@ -99,9 +99,12 @@ const PasswordVerification = ({ onNext, applyValues }: PasswordVerificationProps
             3 단계
           </span>
         </div>
-        <div className="w-[152.40px] h-[25.20px] bg-indigo-700 flex justify-center items-center">
-          <div className="text-center text-white text-sm font-medium font-pretendard">
-            거의 다 완료되었어요!
+        <div className="flex items-center relative">
+          <img src="/sign/phase.svg" alt="image" className="absolute -left-[7px] z-50" />
+          <div className=" w-[152.40px] h-[25.20px] bg-space-purple flex justify-center items-center">
+            <div className="text-center text-white text-sm font-medium font-pretendard">
+              거의 다 완료되었어요!
+            </div>
           </div>
         </div>
       </div>
@@ -199,7 +202,6 @@ const PasswordVerification = ({ onNext, applyValues }: PasswordVerificationProps
               placeholder="비밀번호를 입력해주세요."
               value={password}
               onChange={handlePasswordChange}
-              onBlur={checkValidPassword}
             />
           </div>
         </div>