🏖 State Messtion2
한 글자 아닌 아이디가 @ 포함,
pw가 5글자 이상일 경우 로그인 페이지 성공!
한 글자 하는것도 힘들었는데 조건에 따라 구현하는게 정말 어렵지만 꾸역꾸역 해결 해서 뿌듯하군
아직 코드 리뷰를 받지 않은 상태지만 내가 쓴 코드를 다시 한 번 정리 해보자!!
State
를 통해 초기값을 설정하고캐멀 케이스(camelCase)
를 사용!preventDefault
를 명시적으로 호출초기 staet 설정!
state안에 name: loginId와 loginPw | <<<< input태그 안에 name을 이렇게 지정했다
JSX
를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달한다.
ES6 에서는 addEventListener() 으로 조작했는데 리엑트에서는 이렇게 편리하네??
먼저 input안에 jSX 이벤트 호출을 정리해보자.
주말동안 State를 정말 많이 배운것 같다.
공부를 하다보면 시간에 비해 성과가 나오지 않는 결과가 많다.
근데 더 깊게 알 수 있던 계기가 되었다고 느꼈다. 이런 것인가? 😏
바닐라 Js ES6에서와 리엑트에 차이점도 알 수 있었다.
미션03 다음 시간엔 댓글 기능 구현이다!!
멋지게 더 배워가고 성장 하고싶다. 화이팅이다 : )
더 깊게 알수 있던 계기 👏🏻👏🏻👏🏻
담호님 화이팅 !!!