From 34a6094504ba8fc5e8f390d532a4314cfa533e4f Mon Sep 17 00:00:00 2001
From: jizero <jizero27@gmail.com>
Date: Mon, 26 Aug 2024 15:17:15 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20#12=20className=20=ED=95=98?=
 =?UTF-8?q?=EC=9D=B4=ED=94=88=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/EditPwPage.tsx | 10 +++++-----
 src/pages/LoginPage.tsx  | 32 ++++++++++++++++----------------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/pages/EditPwPage.tsx b/src/pages/EditPwPage.tsx
index e8ef9eb5..bacfc615 100644
--- a/src/pages/EditPwPage.tsx
+++ b/src/pages/EditPwPage.tsx
@@ -25,10 +25,10 @@ const EditPwPage = () => {
         가입하신 이메일을 입력하시면
         <br /> 비밀번호 재설정 링크를 보내드립니다.
       </h4>
-      <form className="form_editpw" onSubmit={handleResetPassword}>
+      <form className="form-editpw" onSubmit={handleResetPassword}>
         <input
           type="text"
-          className="input_editpw"
+          className="input-editpw"
           placeholder="이메일을 입력하세요."
           value={email}
           onChange={(e) => setEmail(e.target.value)}
@@ -41,7 +41,7 @@ const EditPwPage = () => {
               비밀번호 재설정 링크 전송에 실패했습니다. 다시 시도해주세요.
             </span>
           ))}
-        <button type="submit" className="btn_editpw" disabled={!isValid}>
+        <button type="submit" className="btn-editpw" disabled={!isValid}>
           비밀번호 재설정 링크 보내기
         </button>
       </form>
@@ -58,8 +58,8 @@ const Container = styled.div`
     flex-direction: column;
     gap: 10px;
   }
-  .btn_editpw,
-  .input_editpw {
+  .btn-editpw,
+  .input-editpw {
     padding: 10px;
   }
   .failed {
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index 288232cd..d496b24a 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -32,36 +32,36 @@ const LoginPage = () => {
 
   return (
     <Container>
-      <form className="form_login" onSubmit={handleEmailLogin}>
+      <form className="form-login" onSubmit={handleEmailLogin}>
         <input
-          className="input_email"
+          className="input-email"
           type="text"
           placeholder="이메일을 입력해주세요."
           value={email}
           onChange={(e) => setEmail(e.target.value)}
         />
         <input
-          className="input_pw"
+          className="input-pw"
           type="password"
           placeholder="비밀번호를 입력해주세요."
           value={password}
           onChange={(e) => setPassword(e.target.value)}
         />
         {!loginSuccess && (
-          <span className="login_notice">아이디 또는 비밀번호를 입력해주세요.</span>
+          <span className="login-notice">아이디 또는 비밀번호를 입력해주세요.</span>
         )}
 
-        <button className="btn_login" type="submit" disabled={!isValid}>
+        <button className="btn-login" type="submit" disabled={!isValid}>
           로그인
         </button>
       </form>
-      <Link to={PATH.EDITPW} className="forgot_password">
+      <Link to={PATH.EDITPW} className="forgot-password">
         비밀번호를 잊으셨나요?
       </Link>
       <div className="grayline" />
-      <button className="btn_google" onClick={handleGoogleLogin}>
+      <button className="btn-google" onClick={handleGoogleLogin}>
         <img
-          className="logo_google"
+          className="logo-google"
           width="20"
           height="20"
           src="https://img.icons8.com/color/48/google-logo.png"
@@ -84,23 +84,23 @@ const Container = styled.div`
     color: red;
     font-size: 15px;
   }
-  .forgot_password {
+  .forgot-password {
     text-decoration: none;
     margin: 15px 0px;
     font-size: 15px;
     text-align: center;
   }
-  .form_login {
+  .form-login {
     display: flex;
     gap: 3px;
     flex-direction: column;
   }
-  .input_email,
-  .input_pw,
-  .btn_login {
+  .input-email,
+  .input-pw,
+  .btn-login {
     padding: 10px;
   }
-  .btn_login {
+  .btn-login {
     margin-top: 3px;
   }
   .grayline {
@@ -108,10 +108,10 @@ const Container = styled.div`
     margin-bottom: 10px;
     height: 0.1px;
   }
-  .logo_google {
+  .logo-google {
     align-items: center;
   }
-  .btn_google {
+  .btn-google {
     padding: 10px;
     vertical-align: center;
     justify-content: center;