이번 과제는 이전에 진행한 팬레터에 로그인, 회원가입, json-server연동 등의 server와 연동하는 작업을 진행하기로 하였는데,

결과적으로 이러한 사이트를 제작하게 된다.

redux toolkit, thunk, json-server(REST API), jwt 토큰, REST API 파일업로드 요청 등

다양한 학습 능력을 올릴 수 있는 이번 과제가 되겠다.

오늘 한 일

1. 프로젝트 셋업
   • 기존 과제 불러와서 새로운 repository에 넣기
2. Router 셋업
   • 로그인/회원가입/프로필화면 만들 예정이므로 route 만들어놓기
   • 로그인 상태인 경우만 홈, 상세, 프로필 화면에 접근, 로그아웃 상태에서는 로그인 화면에만 접근할 수 있게 해주세요. (로그인 상태는 우선 임시로 만들어두시면 됩니다.) 아직 제대로 구현은 못함
3. Basic Redux를 Redux-Toolkit 으로 리팩터링
4. 로그인 화면 UI 작업
   + 로그인/ 회원가입 UI
   
   
   + 로그인창, 회원가입창 토글링
   + 아이디 4~10글자, 비밀번호 4~15글자, 닉네임 1~10글자
   + (선택) 로그인화면에서는 아이디, 비밀번호에 입력값이 모두 있을 경우에만 로그인 버튼이 활성화되도록 하고, 회원가입화면에서는 아이디, 비밀번호, 닉네임에 입력값이 있을 경우에만 회원가입 버튼이 활성화되도록 해보세요. 반정도 완성
   + redux 모듈로 authSlice.js만들고 로그인 상태 전역 상태 관리
   + 로그인 성공했을 경우, 로그인 상태를 변경시켜 홈화면을 이동
   + 회원가입에 성공하면 로그인 모드로 전환
   

앞으로 해야할 일

작성한 부분도 아직 완벽히 구현이 안되어 있고, 14단계중 한 5단계까지밖에 못했다. 최대한 오늘 내로 기존 작업 + 앞으로 남은 작업을 문제없이 끝내서 추가 기능 구현인 query까지 다뤄보도록 하겠다 갈길이 멀다!!!