feat: 회원가입시 성별, 생년월일 정보 기입란 삭제 (#147)

* feat: 회원가입시 성별, 생년월일 정보 기입란 삭제

* remove: 미사용 css 삭제

Author: wibaek

src/components/login/signup/SignupProfileScreen.tsx

@@ -6,18 +6,12 @@ import BlockToggleBtn from "@/components/button/BlockToggleBtn";
 
 import styles from "./signup.module.css";
 
-import { Gender, GenderEnum } from "@/types/auth";
-
 import { IconSignupProfileImage } from "@/public/svgs";
 
 type SignupProfileScreenProps = {
   toNextStage: () => void;
   nickname: string;
   setNickname: Dispatch<SetStateAction<string>>;
-  gender: Gender | "";
-  setGender: Dispatch<SetStateAction<Gender | "">>;
-  birth: string;
-  setBirth: Dispatch<SetStateAction<string>>;
   defaultProfileImageUrl: string;
   profileImageFile: File | null;
   setProfileImageFile: Dispatch<SetStateAction<File | null>>;
@@ -27,10 +21,6 @@ const SignupProfileScreen = ({
   toNextStage,
   nickname,
   setNickname,
-  gender,
-  setGender,
-  birth,
-  setBirth,
   defaultProfileImageUrl,
   profileImageFile,
   setProfileImageFile,
@@ -43,14 +33,6 @@ const SignupProfileScreen = ({
       alert("닉네임을 입력해주세요.");
       return;
     }
-    if (!birth) {
-      alert("생년월일을 입력해주세요.");
-      return;
-    }
-    if (gender === "") {
-      alert("성별을 선택해주세요.");
-      return;
-    }
     toNextStage();
   };
 
@@ -113,32 +95,10 @@ const SignupProfileScreen = ({
             onChange={(e) => setNickname(e.target.value)}
           />
         </div>
-
-        <div className={styles.profile__birth}>
-          <label htmlFor="birth">생년월일</label>
-          <input
-            id="birth"
-            type="text"
-            placeholder="생년월일 8자리를 입력해주세요. (예: 20010227)"
-            value={birth}
-            onChange={(e) => setBirth(e.target.value)}
-          />
-        </div>
-
-        <div className={styles.profile__sex}>
-          <label htmlFor="sex">성별</label>
-          <select id="sex" value={gender} onChange={(e) => setGender(e.target.value as Gender)}>
-            <option value="" disabled>
-              성별을 선택해주세요.
-            </option>
-            <option value={GenderEnum.MALE}>남성</option>
-            <option value={GenderEnum.FEMALE}>여성</option>
-            <option value={GenderEnum.PREFER_NOT_TO_SAY}>선택 안 함</option>
-          </select>
-        </div>
       </div>
+
       <div style={{ margin: "64px 10px 0 10px" }}>
-        <BlockToggleBtn onClick={submit} isToggled={!!nickname && !!birth && !!gender}>
+        <BlockToggleBtn onClick={submit} isToggled={!!nickname}>
           가입 완료
         </BlockToggleBtn>
       </div>

src/components/login/signup/SignupSurvey.tsx

@@ -12,7 +12,7 @@ import SignupPrepareScreen from "./SignupPrepareScreen";
 import SignupProfileScreen from "./SignupProfileScreen";
 import SignupRegionScreen from "./SignupRegionScreen";
 
-import { Gender, PreparationStatus, SignUpRequest } from "@/types/auth";
+import { PreparationStatus, SignUpRequest } from "@/types/auth";
 import { RegionKo } from "@/types/university";
 
 type SignupSurveyProps = {
@@ -32,47 +32,15 @@ const SignupSurvey = ({ signUpToken, baseNickname, baseEmail, baseProfileImageUr
   const [countries, setCountries] = useState<string[]>([]);
 
   const [nickname, setNickname] = useState<string>(baseNickname);
-  const [gender, setGender] = useState<Gender | "">("");
-  const [birth, setBirth] = useState<string>("");
   const [profileImageFile, setProfileImageFile] = useState<File | null>(null);
 
-  const convertBirth = (value: string): string => {
-    if (value.length !== 8) {
-      throw new Error("생년월일을 8자리로 입력해주세요.");
-    }
-
-    const year = value.substring(0, 4);
-    const month = value.substring(4, 6);
-    const day = value.substring(6, 8);
-
-    const formattedDate = `${year}-${month}-${day}`;
-
-    const date = new Date(formattedDate);
-    const isValidDate =
-      date.getFullYear() === parseInt(year, 10) &&
-      date.getMonth() + 1 === parseInt(month, 10) &&
-      date.getDate() === parseInt(day, 10);
-
-    if (!isValidDate) {
-      throw new Error("유효한 날짜가 아닙니다.");
-    }
-
-    return formattedDate;
-  };
-
   const createRegisterRequest = async (): Promise<SignUpRequest> => {
     const submitRegion: RegionKo[] = region === "아직 잘 모르겠어요" ? [] : [region as RegionKo];
 
     if (!curPreparation) {
       throw new Error("준비 단계를 선택해주세요");
     }
 
-    if (gender === "") {
-      throw new Error("성별을 선택해주세요");
-    }
-
-    const convertedBirth: string = convertBirth(birth);
-
     let imageUrl: string | null = baseProfileImageUrl;
 
     if (profileImageFile) {
@@ -92,8 +60,6 @@ const SignupSurvey = ({ signUpToken, baseNickname, baseEmail, baseProfileImageUr
       preparationStatus: curPreparation,
       nickname,
       profileImageUrl: imageUrl,
-      gender,
-      birth: convertedBirth,
     };
   };
 
@@ -155,10 +121,6 @@ const SignupSurvey = ({ signUpToken, baseNickname, baseEmail, baseProfileImageUr
             toNextStage={submitRegisterRequest}
             nickname={nickname}
             setNickname={setNickname}
-            gender={gender}
-            setGender={setGender}
-            birth={birth}
-            setBirth={setBirth}
             defaultProfileImageUrl={baseProfileImageUrl}
             profileImageFile={profileImageFile}
             setProfileImageFile={setProfileImageFile}

src/components/login/signup/signup.module.css

@@ -218,49 +218,3 @@
   letter-spacing: -0.35px;
   text-transform: uppercase;
 }
-
-.profile__birth {
-  margin: 32px 10px 0 10px;
-}
-
-.profile__birth > input {
-  width: 100%;
-  height: 50px;
-  padding: 0px 16px;
-  box-sizing: border-box;
-  border: 2px solid #c3dbff;
-  border-radius: 8px;
-  background: #fff;
-
-  color: #a8a8a8;
-  font-family: Pretendard;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 150%; /* 21px */
-  letter-spacing: -0.35px;
-  text-transform: uppercase;
-}
-
-.profile__sex {
-  margin: 32px 10px 0 10px;
-}
-
-.profile__sex > select {
-  width: 100%;
-  height: 50px;
-  padding: 0px 16px;
-  box-sizing: border-box;
-  border: 2px solid #c3dbff;
-  border-radius: 8px;
-  background: #fff;
-
-  color: #a8a8a8;
-  font-family: Pretendard;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 150%; /* 21px */
-  letter-spacing: -0.35px;
-  text-transform: uppercase;
-}

src/services/auth.ts

@@ -32,8 +32,13 @@ export const emailAuthApi = (email: string, password: string): Promise<AxiosResp
 export const emailSignUpApi = (signUpRequest: EmailSignUpRequest): Promise<AxiosResponse<EmailSignUpResponse>> =>
   publicAxiosInstance.post("/auth/email/sign-up", signUpRequest);
 
-export const signUpApi = (signUpRequest: SignUpRequest): Promise<AxiosResponse<SignUpResponse>> =>
-  publicAxiosInstance.post("/auth/sign-up", signUpRequest);
+export const signUpApi = (signUpRequest: SignUpRequest): Promise<AxiosResponse<SignUpResponse>> => {
+  // 임시 성별, 생년월일 추가. API 변경 시 삭제
+  signUpRequest["birth"] = "2000-01-01";
+  signUpRequest["gender"] = "PREFER_NOT_TO_SAY";
+
+  return publicAxiosInstance.post("/auth/sign-up", signUpRequest);
+};
 
 export const signOutApi = (): Promise<AxiosResponse<null>> => axiosInstance.post("/auth/sign-out");
 

src/types/auth.ts

@@ -2,14 +2,14 @@ import { Country, RegionKo } from "./university";
 
 export type PreparationStatus = "CONSIDERING" | "PREPARING_FOR_DEPARTURE" | "STUDYING_ABROAD";
 
-export type Gender = "MALE" | "FEMALE" | "PREFER_NOT_TO_SAY";
+// export type Gender = "MALE" | "FEMALE" | "PREFER_NOT_TO_SAY";
 
 // eslint-disable-next-line no-shadow
-export enum GenderEnum {
-  MALE = "MALE",
-  FEMALE = "FEMALE",
-  PREFER_NOT_TO_SAY = "PREFER_NOT_TO_SAY",
-}
+// export enum GenderEnum {
+//   MALE = "MALE",
+//   FEMALE = "FEMALE",
+//   PREFER_NOT_TO_SAY = "PREFER_NOT_TO_SAY",
+// }
 
 // Email
 export interface EmailSignUpRequest {
@@ -71,8 +71,8 @@ export interface SignUpRequest {
   preparationStatus: PreparationStatus; // 준비 단계
   nickname: string; // 닉네임
   profileImageUrl: string; // 프로필 이미지
-  gender: Gender; // 성별
-  birth: string; // 생년월일 yyyy-mm-dd
+  // gender: Gender; // 성별
+  // birth: string; // 생년월일 yyyy-mm-dd
 }
 
 export interface SignUpResponse {