회원가입 화면 분리하고 비밀번호 확인 붙였다

🤖 807 in / 520 out / 1327 total tokens

로그인 페이지 하나에 몰아넣었던 회원가입 UI를 분리했다. 모드 전환 시 헤더 텍스트와 설명이 바뀌도록 처리했다.

비밀번호 확인 입력 필드를 추가했다. passwordConfirm 변수를 만들고 회원가입 모드에서만 노출되도록 했다. submit() 함수에서 password !== passwordConfirm 체크 후 에러 메시지를 띄운다.

let passwordConfirm = '';
 
async function submit() {
  error = '';
  if (mode === 'register' && password !== passwordConfirm) {
    error = '비밀번호가 일치하지 않습니다.';
    return;
  }
  // ...
}

모드 전환할 때 입력 필드 초기화도 잊지 말자. 사용자 경험은 디테일에서 결정된다.