스프린트 4회

구현해야하는 기능(CSS 포함)

• 로그인/로그아웃
  • 전역 사용자 정보를 가지고 있습니다.
  • 새로고침 시, 인증된 페이지
    • 인증된 사용자 확인(Header, 유저페이지)
  • 메인페이지 로그인 버튼
• 회원가입
  • 문구 추가
  • 스크롤 기능
• 게시물 추가
  • 도서 API검색 적용
  • API 연결하면 됨
  • 로그인 유무에 따른 게시물 추가 버튼..
    • 회원가입 유도 (유저만 추가할 수 있다는 confirm 보이게)
    • 로그인 되어 있는 사용자만 보이게 함
• 게시물 삭제
• 게시물 북마크(좋아요)
• 게시물 댓글
• 사용자 정보 수정
  • context 가져다가 사용해야합니다,
    • context에 로그인한 사용자 id를 비교해서 나인지/다른사람인지 확인
• 사용자 페이지 게시물 보여주기
  

보류

• 알림 기능
• 게시물 수정
• 배포 전

추후 작업

• 404페이지
• Toast 컴포넌트
• 검색 디바운스
• window.confirm같은 모달 컴포넌트 만들기
  • 예/아니오
• 반응형

앞으로 일정

• PR, 리뷰, 머지를 완료 18일(토) 자정
• 19일(일) ⇒ 부족한 부분 보충 + 충돌 해결 + 더 있어야 하는 사용자 경험
• 20일 배포

진행 사항

• 사용자 정보 수정
  • 로그인된 사용자 일때 : 다른 사람의 페이지 or 로그인이 되지 않은 사용자
  • 로그인된 사용자 일때 -> 수정 중 : 수정 완료 or 수정을 누르지 않은 상태
  • context api 사용
  • 변경 사항 저장 클릭 시 낙관적 업데이트를 통해 바로 화면에 보여주기
  • useFormik을 사용하여 api에 전달
    
    UserEditForm 컴포넌트와 UserPage로직을 계속 잘못짜서 무한 수정..ㅠㅠ
    contexts/UserContext 폴더에서 actions, reducer안에 로직을 추가해서 업데이트가 되도록 하였다.

아쉬운 점

• 로직을 확실히 구상하지 못해서 계속 꼬이는 바람에 몇번 다시 짜게 되었다.
• api를 기본적으로는 쓸 줄 안다고 생각했는데 조금 더 복잡해지니 부족한 지식으로 데이터 처리를 잘 못하였다. 하면서 context와 api에 대한 이해도가 많이 생겨서 좋았다.
• 시간이 많지 않은 상황에서 시간을 많이 뺐겼다. - 이 부분이 제일 아쉽다.
• 저장하면 바로 저장된 내용을 보여주는 것에 대한 업데이트 방법을 잘 떠올리지 못한 점

느낀 점

api에 대한 무지함을 느꼈다. 별 생각 없었고 그에 대한 댓가를 많이 치루게 되었는데 2일안에 유저 페이지를 완료 하고싶었지만 시간을 지체시켜서 많이 아쉬웠다...팀원들에게 질문을 많이하고 작업의 흐름을 끊은 것 같아 미안하다고 느끼고 있음...😥 처음에는 컴포넌트를 분리하고 짤 때 이게 맞다고 생각하고 작업했지만 두번이나 꼬이는 바람에 계속 갈아 엎어서 멘탈이 많이 흔들렸다. 결국 어떻게든 흐름을 파악해서 하나하나 고쳐나가고 로직을 짜니 완성되어서 기분이 좋았고 어떤 공부가 부족했는지 알 수 있어서 오히려 다행이라고 생각하고 있다. 며칠 안남은 프로젝트 잘 마무리 하자 화이팅!!!