[1차 프로젝트] #02 리팩토링

DamHo Bae·2021년 3월 28일
1

프로젝트

목록 보기
4/5

[라인프렌즈] 회원가입

라인프렌즈는 네이버 기반 웹 사이트이기 때문에
로그인 회원가입도 네이버 클론코딩 했다. 🙃

handlePw 함수를 실행 !

  • 공백이 아니면서, 8글자 이상이면 자물쇠가 초록색으로 바뀌게
    aceepted는 state 빈 문자열로 선언 해주고,
    setState에 스트링값을 부여했다.
    기존 불리언값이라면 이번엔 string으로 한 이유는 다음과 같다.
    리엑트 아이콘을 사용하고 거기에 맞게 조건을 주기 위해서이다.


많이 고민을 했고, 구글링을 통해 stirng값으로 state로 조정 할 수 있다고 배웠다.

  • 그래서 pwcheck 는 아이콘이 아닌 값이 틀릴 경우 경고 문구창이고,
    pwColorcheck 는 아이콘에 적용 시킬 accepted 라는 클래스명이다.

그럼 scss에서 색상을 조정 할 것이라고 생각 할 수 있다.
true값이 들어가면 초록색으로 아이콘이 바뀔 것이다!


<RiLock2Fill/> 라는 자물쇠 아이콘이다.
여기에 클래스명을 동시 선언 할 수 있다.

pwColorCheck 는 아이콘 색상 변화 시킬값이라는 걸 알 수 있고,
pwCheck가 true/false에 따라 빨간색일지 기본색일지 정해진다.

총 3가지 조건이다.


profile
Frontend Developer

0개의 댓글