Buffer 기간 일정 + 리팩토링

[sgoldenbird]

Buffer 기간 일정

1차 배포
1차 성능 체크, QA
리팩토링
스토리북

(우선 스토리북까지 하고 다시 점검)

추가 기능(다국어, GA, 테마, 랜딩 등)
데모 준비 (리드미, 영상/gif, 발표, PPT)
문서 정리

리팩토링

공통

• global.css의 flex-center 사용
• 상수 해야하는 부분 체크
• 콘솔 정리(배포시 알아서 빠지게 세팅, console.error와 꼭 필요한 console.log는 제외) --> 용민
• console.error, console.log 찍는 방식 맞추기
• 탭 키 적용 확인
• export 방식 일치 확인
• api 호출 방식 맞추기
• 에러 처리 맞추기
• 토스트 필요한 곳에 사용
• 로그아웃 했을때 mypage같은 url접근 가능한데 불가능하게 변경
• 성능 체크
• 캐시 체크

시은

• session_expired 되던 문제 해결
• 회원가입 후 자동 로그인되도록 로직 점검
• OAuth 로그인, 회원가입 통합(자동 회원가입)으로 흐름 변경
• AuthStatusProvider race condition with Zustand state -> 서버에서 직접 사용자 정보 가져오는 쪽으로 변경
• 에러 처리 handleErrorByStatus, formatErrorResponseHook 역할 수정
• 에러 바운더리 구현 (컴포넌트 단위 렌더 에러 처리)
• 스켈레톤 구현 (로그인, 회원가입 페이지)
• 로고 클릭시 메인페이지로 이동
• 로그아웃 멱등성 확인
• 로그인/회원가입 폼 입력값 자동 유지 기능 추가
  • 로그인 폼: 최근 로그인한 이메일이 자동 입력되도록 구현 (persist)
  • 회원가입 폼: 입력 중 실수로 뒤로가기나 새로고침 시 작성 중 내용이 유지되도록 구현 (sessionStorage), 로그인 후 또는 회원가입 완료 시 폼 리셋(sessionStorage 초기화)
  • 로그인 후 뒤로가기 눌렀을때 처리
    -> 로그인 폼에 기존 user정보(이메일) 들어있게, 그리고 다시 뒤로가기 누르거나 메인 갔을때 로그인 상태 유지
  • 로그인 상태여도 주소url로 로그인, 회원가입 페이지 접근 가능하게
    -> 로그인 폼에 기존 user정보(이메일) 들어있게, 뒤로가기 누르거나 메인 갔을때도 로그인 상태 유지
  • 로그인 상태에서 다른 계정으로 로그인하면 로그아웃되고 바로 되는지 확인 (토큰이 안겹치는지 확인)
    ---> 다른 계정으로 로그인 시도하면 기존 로그인 세션은 덮어씌워짐. 서버는 한 번 로그인된 세션이 남아 있더라도 다시 로그인 요청이 오면 새로운 사용자로 갱신. 그래서 새 로그인은 문제 없이 가능하고, 자동 로그아웃은 이 경우 필요하지 않음.
  • 회원가입 하다 실수로 뒤로가기 눌렀을때 기존에 입력중인 이메일, 닉네임 유지
  • 로그인 후, 회원가입 후에는 회원가입 폼 리셋
  • 작성중인거 리셋하고 싶을 때는 탭을 닫으면 회원가입 폼 리셋
• 비번 확인이 8자 이하일때는 mismatch유효성 검사 오류 안뜨는데 괜찮을지 다시 보기
• submit버튼을 비활성화 해놓고 유효성 다 통과하면 활성화 되도록 변경
• submit 될때 버튼 로딩 UI 확인
• 토스트 크기 좀 키우기, 위치 좀 이동
• 토스트 메시지 상수화 할지 확인
• 토스트 한번에 보이는 개수 제한. 가독성 향상 위해
• 토스트 위치 선택할 수 있게 수정
• input type === 'file-multiple' 추가하진 말고 문서화
• 전체 코드 다시 보면서 수정할 부분 있는지 확인
• 관련 문서들 업데이트

---

• Crypto random id붙여서 pageType보내기 state에. -> csrf 공격 방어
• 로그인, 회원가입 후 헤더 새로고침해야 변경되던 문제 해결
• Component Error boundary 로고 대신 ! 로 디자인 수정
• 토스트 나타나는 위치 (위에서 아래로)