[FEAT] 입력된 값이 있는 경우에만 상태 메시지를 출력 #57

src/components/SignUp/EmailCheck.tsx

@@ -165,7 +165,7 @@ function EmailCheck() {
           }`
         )}
       >
-        {message ? message : '이메일을 입력해주세요.'}
+        {message ? message : ''}
       </p>
     </div>
   );

src/components/SignUp/PasswordCheck.tsx

@@ -92,7 +92,7 @@ function PasswordCheck({ mode }: PasswordCheckProps) {
           `${status === 'OK' || status === 'MATCHED' ? 'SUCCESS' : 'ERROR'}`
         )}
       >
-        {message}
+        {password.length === 0 ? '' : message}
       </p>
     </div>
   );

src/styles/SignUp/SignUp.styles.ts

@@ -43,6 +43,7 @@ export const FormContainer = css({
 export const StatusMessage = (theme: Theme, status: 'SUCCESS' | 'ERROR') =>
   css({
     fontSize: '1.6rem',
+    minHeight: '2.4rem',
     color: status === 'SUCCESS' ? theme.green : theme.red,
   });