내일배움캠프 4기 React 43일차(프로젝트 발표, 회고)

최영진·2022년 12월 28일
0
post-custom-banner

프로젝트 발표 후 회고

1. 비밀번호의 암호화

비밀번호의 타입을 password 로 하게 되면 문자로 가려지게 화면에 보인다.

난 글의 작성자가 비밀번호를 등록하거나 입력할 때 문자로 가려지면
자신이 잘 입력했나 확인이 잘 안되기 때문에
타입을 Number 로 하여 처리하였다.

다른 조의 방법을 보고 고민을 해결하였다.

비밀번호를 입력할 때 문자로 가려지되 사용자가 원할 경우 클릭을 하여
비밀번호를 볼 수 있는 핸들러를 둠으로 잘 입력되었는지 확인할 수 있다.

2. 회원가입 기능

json-server를 이용하여 회원가입은 가능하지 않지만 그러한 효과를 낼 수 있었다.

userSlice를 생성하여 회원가입이라는 명목으로 user의 데이터를 저장하고

로그인 방식으로 userState에 값이 id와 password가 일치하다면

props로 계속 user.id 와 user.password 를 넘겨주어

user의 데이터가 있을 때만 모든 기능을 사용할 수 있게 하고

로그아웃 버튼을 눌러 user의 데이터를 리셋시켜 기능을 모두 사용불가로
막음으로 가능하였다.

다시 json-server를 사용할진 모르겠지만 기회가 된다면 사용하고 싶다.

3. date

정확한 사용방법을 아직 모른다.
추후 각 프로젝트 노션이 나오면 업데이트 하겠다.

4. htmlFor

Input 앞의 label에 htmlFor="id" 를 주고 클릭을 하면
input id="id" 인 인풋으로 커서가 이동이 된다.

UX 적으로 이쁘고 유용한 기능인것 같다.

profile
안녕하시오.
post-custom-banner

0개의 댓글