라인프렌즈는 네이버 기반 웹 사이트이기 때문에
로그인 회원가입도 네이버 클론코딩 했다. 🙃
handlePw 함수를 실행 !
많이 고민을 했고, 구글링을 통해 stirng값으로 state로 조정 할 수 있다고 배웠다.
pwcheck
는 아이콘이 아닌 값이 틀릴 경우 경고 문구창이고,pwColorcheck
는 아이콘에 적용 시킬 accepted
라는 클래스명이다.그럼 scss에서 색상을 조정 할 것이라고 생각 할 수 있다.
true값이 들어가면 초록색으로 아이콘이 바뀔 것이다!
<RiLock2Fill/> 라는 자물쇠 아이콘이다. 여기에 클래스명을 동시 선언 할 수 있다.
pwColorCheck
는 아이콘 색상 변화 시킬값이라는 걸 알 수 있고,
pwCheck
가 true/false에 따라 빨간색일지 기본색일지 정해진다.
총 3가지 조건이다.