REV-76/비밀번호 입력 컴포넌트 구현

[khj0426]

📑 구현 내용

• 비밀번호를 입력받을 수 있는 컴포넌트를 만들었습니다.!

🚧 참고 사항

type이 password면 새 비밀번호 입력용이고, confirmation이면 새 비밀번호 확인용도입니다.!

interface PasswordInputProps {
 //새 비밀번호 입력 | 새 비밀번호 확인(재검증)
  type: 'password' | 'confirmation'
  onChange?: (newPassword?: string) => void
  disabled?: boolean
  placeholder?: string
}

구현을 했지만 문제점이 있을 거 같아요.

상태를 어떻게 관리할지..?

예를 들어 비밀번호 입력을 하고 다시 입력 확인을 받는 상태를 useState로 관리하면 정말정말 피곤해질 거 같아요..!
먼저 비밀번호 입력과 비밀번호 재검증을 위한 상태를 2개 만들고 이것이 바뀔때마다 상태를 갱신해줘야 할 거 같아요

또 이것이 일치한지 여부도 판별을 해야하는데 복잡해질거 같아서,

react-hook-form과 같은 라이브러리를 쓰는 게 좋을 것 같은데 의논을 해봐야 할 것 같습니다!

[hyoribogo]

확실히 form 라이브러리를 쓰는 게 좋아보이네요!

[hayamaster]

고생하셨습니다~!
저도 당연히 password와 confirm은 별도로 상태관리를 해야한다고 생각했습니다만, 많이 복잡진다면 form 라이브러리를 고려해봐도 좋을 것 같네요...!

[hayamaster]

저희 팀 규칙으로 이벤트 객체 매개변수 명은 e로 명시하기로 정했습니다! ㅎㅎ

[khj0426]

아앗...감사합니다

[hayamaster]

onChange 함수를 외부에서 받고 있는데, handlePassWordChange를 따로 구현할 필요가 있을까요??
prop으로 받는 onChange 함수 명을 handlePassWordChange로 바꾸고, 바로 적용시켜줘도 깔끔할 것 같습니다!