프로젝트 발표 후 회고
비밀번호의 타입을 password 로 하게 되면 문자로 가려지게 화면에 보인다.
난 글의 작성자가 비밀번호를 등록하거나 입력할 때 문자로 가려지면
자신이 잘 입력했나 확인이 잘 안되기 때문에
타입을 Number 로 하여 처리하였다.
다른 조의 방법을 보고 고민을 해결하였다.
비밀번호를 입력할 때 문자로 가려지되 사용자가 원할 경우 클릭을 하여
비밀번호를 볼 수 있는 핸들러를 둠으로 잘 입력되었는지 확인할 수 있다.
json-server를 이용하여 회원가입은 가능하지 않지만 그러한 효과를 낼 수 있었다.
userSlice를 생성하여 회원가입이라는 명목으로 user의 데이터를 저장하고
로그인 방식으로 userState에 값이 id와 password가 일치하다면
props로 계속 user.id 와 user.password 를 넘겨주어
user의 데이터가 있을 때만 모든 기능을 사용할 수 있게 하고
로그아웃 버튼을 눌러 user의 데이터를 리셋시켜 기능을 모두 사용불가로
막음으로 가능하였다.
다시 json-server를 사용할진 모르겠지만 기회가 된다면 사용하고 싶다.
정확한 사용방법을 아직 모른다.
추후 각 프로젝트 노션이 나오면 업데이트 하겠다.
Input 앞의 label에 htmlFor="id" 를 주고 클릭을 하면
input id="id" 인 인풋으로 커서가 이동이 된다.
UX 적으로 이쁘고 유용한 기능인것 같다.