수업 질문이용! event 관련해서...
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
// error State
const [emailError, setEmailError] = useState('');
//on 으로 시작하는 함수는 행동을 취할 때 마다 event 가 들어온다. => 이벤트핸들러함수
function onChangeEmail(event) {
console.log(event); //행위
console.log(event.target); //행위 대상
console.log(event.target.value); //그래서 입력한 값이 뭔지
setEmail(event.target.value);
}
function onChangePassword(event) {
setPassword(event.target.value);
}
//마지막 포장한 거 보내주기
function onClickSignup() {
//진짜 포장이 잘 됐는지 확인해보기
console.log(email);
console.log(password);
//검증하기
//@ 가 들어가 있지 않다면
if (email.includes('@') === false) {
// alert('이메일이 올바르지 않습니다!! @ 가 없음 !!');
// document.getElementById('error').innerText = '이메일이 올바르지 않습니다!! @ 가 없음 !!';
setEmailError('이메일이 올바르지 않습니다!! @ 가 없음 !!');
} else {
// 메시지 알림 이전, Backend 컴퓨터에 있는 API(함수) 요청하기
alert('회원가입을 축하합니다!!');
}
}onClicksignup 매개 변수로 event 를 써주지 않는 것은 이 함수는 입력값을 보내주지 않아서 그런걸까요 ?
on 이 붙은 함수가 모두 event 를 사용할 수 있다는 것으로 이해하면 될까요 ?
답변 1
0
네! 민갱님!
on으로 시작하는 속성에 바인딩 되어있는 함수는 event 핸들러 함수로 매개변수 자리에 event가 들어옵니다!
따라서, event를 작성하셔도 괜찮아요!
하지만, 해당 수업 내에서는 사용할 필요가 없었으므로 작성하지 않았을 뿐이랍니다!
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
36
1
댓글 기능 구현 중 질문드립니다.
0
66
1
쿠폰코드 발급
0
132
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
86
2
문의드립니다!! ㅠㅠ
0
101
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
76
2
_app.js 작성 이후로 에러가 발생하네요
0
93
2
학습자료
0
70
2
학습자료가 안열립니다.
0
49
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
59
0
기존강의 구매자, 업데이트 끝인가요?
0
109
3
업데이트 버전 수강
0
88
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
83
1
graphql 접속이 안됩니다.
0
100
2
const, let 사용 질문 드립니다.
0
70
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
80
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
166
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
184
2
2분 44초 질문
0
131
3





