.gif&blockId=743d12a5-f17c-4b91-a76d-8a3aa6fd4c06)
•
기능
◦
이메일 비밀번호 모두 입력해야 활성화됨(회원가입/프로필설정 버튼과의 차이점)
◦
활성화가 된 뒤 클릭하면 유효성 검사가 그때 진행되고 만약 유효성 검사를 만족하지 못한다면 다시 비활성화되고 폼을 제출할 수 없음
•
회원가입/프로필설정 버튼과는 기능이 너무 달라 컴포넌트를 분리하는게 좋다고 생각했습니다.
function 로그인버튼({활성화여부}){
// 뭔가 form에 onSubmit을 걸거나 버튼에 onClick을 건뒤
// 이벤트가 발생하면 만약 유효성 검사 만족하지 못할경우 preventDefault 후 경고 메세지 띄우는 이런걸 해야하나..
// 어렵겠다...
return <button type="submit>로그인</button>
}
JavaScript
복사
•
또는 조건이 만족되지 않으면 disabled이고 조건이 만족되면 그때 클릭가능한건 회원가입/프로필설정 버튼이랑 똑같으니까 컴포넌트 재활용할 수도 있을거 같다..
◦
아이디 비밀번호 확인은 form onSubmit에 걸어도 될거같음
