[프리 프젝] 0420 작업로그

오늘 할 것

1. 로그아웃 구현
2. 회원가입, 로그인 컴포넌트 로직 다시보기
3. 전체 구조 같이 보기
4. dev 브랜치에 머지하기
5. ~~상태관리 - 로그인 여부, 회원정보(로그인 컴포넌트 → App.js → Mypage, Header, 질문답변 컴포넌트 등…)~~
   ⇒ Login 컴포넌트에서 상위 App.js 로 isLogin 상태와 userID 를 업데이트해 줌! 하위컴포넌트들은 userID 로 서버에 요청!

중요도 상

• (기능) 로그아웃 (DELETE)
• (인터페이스) 로그아웃 체크 페이지 (헤더 로그아웃 버튼에 연결)
• (기능) 로컬스토리지에 로그인한 사용자의 ID, 로그인상태 저장하기 / 로그아웃 시 로컬스토리지 clear 하기
• (기능) 로그아웃 후 질문페이지로 돌아가기 ⇒ 서버에서 redirect 로 응답하면 되나? ⇒ 내일 말씀드리기
• (기능) forgot your password? 비밀번호 찾기 메일 발송 페이지 구현

에러로그

기타 기록

• 오늘 구현에 시간 걸렸던 것 :
  • 구현할 기능 : 이메일을 입력해서 비밀번호 찾기 메일을 보내는 ‘Forgot password?’ 페이지에서 이메일 입력 후 ‘Send recovery email’ 버튼을 클릭했을 때 이메일의 유효성 검사를 통과하면 ⇒ 홈페이지로 이동(내일 메일 송부 완료 페이지를 만들어서 거기로 링크 다시 걸 것) 통과하지 못하면 ⇒ 에러메세지를 띄우고 해당 페이지에 그대로 남아있기
    
  • 구현방법 : 이메일의 유효성 검사를 통과하면 isValid 상태를 true 로 변경해서, isValid 가 true 인 경우에는 onClick={isValid ? moveTo : loginRequestHandler}

isValid 의 true/false onClick 이벤트 함수를 다르게 설정할 수 있는가? 하는 것...
=> 하긴 했는데 두번 클릭해야 이동함... 어케 해결하지??

• 오늘 배운 것 : useNavigate, Link, a 태그의 차이점, AWS 프론트 서버 배포 복습, 리팩토링의 중요성…..

기타 상태

• 팀원 분들이 달리시다가 조금씩 지치신것 같다. 내일 1차 배포라서 더 그러신가? 나는 배포하면 어떨지 기대된다!
• 일정을 보면... 뭔가 시간이 있는듯 없는 것 같다. 기본적인 기능은 백엔드랑 같이 체크해야 하는 것 외에는 구현이 다 되었고... 추가 기능들을 욕심껏 하려면 시간이 없어보이는 정도?
• 저녁에 필라테스 갔다와서 씻고 샤워하고 저녁먹고 좀 쉬니까 10시… 12시정도까지 비밀번호 찾기 페이지 로직 구현하고 구글링을 좀 했다. 너무 너무 졸리다!!