241024 / 비밀번호 보이기 기능, 발사믹 와이어프레임 만들기

오늘 할 일

1. 회원가입 파트) 닉네임 추가 (마이 페이지 내)

+ 비밀번호 보이기 기능 추가

눈 아이콘을 클릭했을 때
password가 ***** 에서 text로 변경하는 법

  const [isVisible, setIsVisible] = useState(false);
  const handleShowPW = () => {
    setIsVisible((prev) => !prev);
  };
  
  type={isVisible ? "text" : "password"}
  
  <button type="button" onClick={handleShowPW}>

중간 중간 코드가 생략되어있음
암튼 useRef를 사용하려고 했는데 계속 inputRef.current 값이 null로 나와서 작동이 안 되서
다른 방법을 찾다가 아주 간단한 방법을 획득함 ! 아주 직관적이고 맘에 든다
눈 아이콘을 클릭할 때마다 변경할지 고민 중
(아이콘까지 변경완료)

아이콘) https://fontawesome.com/search?q=eye&o=r

닉네임 추가는 일단 지금 프론트엔드 작업 완료 후
메인 페이지로 merge한 뒤에 다시 브랜치를 빼서 하기로 함

지금은 발사믹 사용해서 와이어프레임 만드는 중..
무료 이용기간이 3일 남아서 쓸 수 있는 부분까지는 써봐야지

와이어 프레임 만든 거 노션에 정리해서 올리고
프론트 나중에 할 부분이나 하고 싶은 부분들 노션에 정리 완료 !