부트캠프 프론트엔드 및 백엔드 협업 과제 진행 3일차

26일 데일리 스크럼 내용

1.분배해서 맡은 파트 각자 작업 진행
- 내가 맡은 부분은 회원가입

2. git pr은 dev 브랜치로

3. 이메일 및 패스워드 정규식

userEmail (string): 사용자의 ID.
- email 정규식: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
userPassword (string): 8~16자리
- password 정규식: “/^(?=.\d)(?=.[!@#$%^&()-+=])(?=.[a-zA-Z]).{8,16}$/”
- 최소 1개 이상의 숫자, 최소 1개 이상의 특수문자, 최소 1개 이상의 대소문자

26일 진행 사항

select option 하드 코딩한 부분 배열로 변수 선언 및 map메서드를 이용해서 동적으로 생성

예시


  // 연락처 앞자리 선택 동적으로 생성
  const selectedNumbers = [0, 1, 6, 7, 8, 9];

  const selectedNumberOptions = selectedNumbers.map((Number) => {
    const prefix = `01${Number}`;
    return (
      <Option key={prefix} value={prefix}>
        {prefix}
      </Option>
    );
  });

회원가입 페이지 ui (프로필 이미지 부분 추가 예정)
client 유효성 검사
- required, { name, email, password, phonenumber(앞번호는 select방식, 뒷번호는 입력방식) } = regex
회원가입 완료시에 home화면으로 이동 (useNavigate 사용 ("/")
회원가입 form 미입력시에 이동하지 않음
회원가입 누르면 입력값 관련해서 console.log에 출력 (앞번호와 뒷번호는 서로 다른 데이터로 출력, 현재 하단에 앞번호와 뒷번호를 입력하면 합쳐서 나오게 예시로 출력 )