redux thunk로 로그인 기능있는 팬레터 만들기

redux-> redux toolkit thunk 로 변환

필수 구현 사항

1. 로그인 상테에서만 페이지 접근가능하게 하기
2. 쓴사람만이 수정, 삭제 가능하게 하기
3. 회원정보 수정하기
4. 리덕스 툴킷 이용하기
5. 데이터 json-server 이용하기

내가 한 구현사항

1. 로그인 상테에서만 페이지 접근가능하게 하기
2. 쓴사람만이 수정, 삭제 가능하게 하기
3. 실패
4. 리덕스 툴킷 이용하기
5. 데이터 json-server 이용하기
6. custom hook 사용

as is

1. 토큰 만료 시 로그인 페이지로 이동하는 것 구현 안됨 새로고침 해야함 그래서 토큰 만료 없애버림
2. redux toolkit thunk의 고유기능인 loading, fulfilled, rejected 활용 0%
3. 로그인 상태 관리 엉망진창.
4. 코드 가독성 떨어짐
5. 하드 코딩이 그득하다

반성사항

과제를 이해하지 못해서 한참을 헤매다 시작해서 과제를 다 끝마치지 못했다. 코드도 엉망인데 지금까지 한 것의 결과 조차 오류가 있어 공부가 부족함을 깨달았다.

to be

• 해설영상을 보고 구형하지 못한 부분 구현하기

1. axios interceptor를 이용한 흐름 정리
2. token의 활용
3. 가독성 좋게 리팩토링
4. react query로 리팩토링
5. react hook에 대한 이해도 높이기(흐름이해하기)