💄 이미지파일 교체 비번변경시 초 삭제, 로그아웃상태

components/Input.tsx

@@ -39,7 +39,7 @@ const InputField = forwardRef<HTMLInputElement, InputFieldProps>(
     const [showPassword, setShowPassword] = useState(false);
 
     const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-      const newValue = e.target.value.trim();
+      const newValue = e.target.value;
       onChange(e);
       if (label !== '생일') {
         const error = validate(newValue);

pages/index.tsx

@@ -77,7 +77,7 @@ export default function LandingPage() {
                 alt="위키 이미지"
                 width={498}
                 height={590}
-                className="size-auto object-contain mo:h-auto mo:w-[336px]"
+                className="h-auto w-auto object-contain mo:h-auto mo:w-[336px]"
                 priority
               />
             </motion.div>
@@ -129,7 +129,7 @@ export default function LandingPage() {
                     alt="타이핑 이미지"
                     width={364}
                     height={681}
-                    className="h-[681px] w-[364px] object-contain mo:h-[249px] mo:w-[133px] ta:h-[490px] ta:w-[262px]"
+                    className="h-auto w-auto object-contain mo:h-[160px] mo:w-[133px] ta:h-[310px] ta:w-[262px]"
                     priority
                   />
                 </motion.div>
@@ -140,7 +140,7 @@ export default function LandingPage() {
                 alt="텍스트 이미지"
                 width={520}
                 height={681}
-                className="size-auto object-contain mo:w-[192px] ta:w-[365px]"
+                className="h-auto w-auto object-contain mo:w-[192px] ta:w-[365px]"
                 priority
               />
             </div>{' '}
@@ -244,7 +244,7 @@ export default function LandingPage() {
               >
                 <Image
                   src="/images/img-text-green.png"
-                  className="h-auto w-full object-cover"
+                  className="h-auto w-auto object-contain"
                   alt="텍스트 이미지"
                   width={913}
                   height={309}

pages/mypage/index.tsx

@@ -11,7 +11,7 @@ import { useSnackbar } from 'context/SnackBarContext';
 import { AxiosError } from 'axios';
 
 function MyPage(): React.ReactElement {
-  const { profile } = useProfileContext();
+  const { profile, setAccessToken } = useProfileContext();
   const [currentPassword, setCurrentPassword] = useState('');
   const [newPassword, setNewPassword] = useState('');
   const [newPasswordConfirm, setNewPasswordConfirm] = useState('');
@@ -76,10 +76,9 @@ function MyPage(): React.ReactElement {
       setCurrentPassword('');
       setNewPassword('');
       setNewPasswordConfirm('');
-
-      setTimeout(() => {
-        router.push('/login');
-      }, 2000);
+      setAccessToken(null);
+      localStorage.removeItem('refreshToken');
+      router.push('/login');
     } catch (error) {
       if (error instanceof AxiosError) {
         showSnackbar(error.message, 'fail');
@@ -115,10 +114,7 @@ function MyPage(): React.ReactElement {
 
         // 이미 프로필이 존재하는 경우
         if (errorResponse?.code) {
-          // 2초 후 해당 프로필로 이동
-          setTimeout(async () => {
-            await router.push(`/wiki/${errorResponse.code}`);
-          }, 2000);
+          await router.push(`/wiki/${errorResponse.code}`);
           return;
         }
       }

pages/signup/index.tsx

@@ -28,13 +28,20 @@ function SignUp() {
   };
 
   const handlePasswordChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setPassword(e.target.value);
+    const newPassword = e.target.value;
+    setPassword(newPassword);
+    // 비밀번호가 변경될 때마다 비밀번호 확인란의 유효성도 함께 체크
+    if (passwordConfirm) {
+      handleValidation('passwordConfirm', passwordConfirm === newPassword);
+    }
   };
 
   const handlePasswordConfirmChange = (
     e: React.ChangeEvent<HTMLInputElement>
   ) => {
-    setPasswordConfirm(e.target.value);
+    const newPasswordConfirm = e.target.value;
+    setPasswordConfirm(newPasswordConfirm);
+    handleValidation('passwordConfirm', newPasswordConfirm === password);
   };
 
   const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {