[TIL] 2022 - 04 - 28~29

🔥 Project2

• 좋아요, 신고하기 등 추가 기능 구현
• token, NFT, transaction 관련 컴포넌트 구현
• 대댓글 기능 구현
• UX 개선 및 에러 케이스 alert 처리
• 메뉴 및 CSS 개선

끝!

팀원들과 구현하기로 합의했던 클라이언트 기능들은 모두 구현을 완료했다. 그치만 아쉬운 부분들이 몇 가지 있는데 주말 동안 해결할 수 있으면 좋겠다.

• input을 이용한 이미지 파일 업로드시, 첨부 후 submit 버튼을 너무 빠르게 누르면 이미지가 제대로 전송되지 않는 경우가 있다. 그래서 이미지 업로드 진행여부를 인디케이터로 나타내고 싶었는데 실패했다 ㅠㅠ 우선 아쉬운대로 첨부 이미지 선택 후 setTimeout으로 일정 시간동안 로딩 스피너가 나타나도록 했다... 4초를 주니까 어지간하면 이미지가 잘 올라가는 것 같다. 그치만 옳은 방법이 아니다 😭

• 무한 스크롤을 구현하지 못했다. 만약 이 사이트를 실제로 서비스화한다면 무한스크롤은 정말 정말 필수적일 것이기 때문에 꼭 구현하고 싶었는데! react-query docs에 example이 있어서 그대로 따라 했는데도 작동하지 않았다. 연구가 더 필요하다!

• accessToken이 만료되어도, accessToken 자체는 그대로 state에 존재하기 때문에 이로 인해 로그인이 된것도 아니고 로그아웃이 된것도 아닌 애매한 상황들이 종종 발생한다. 토큰이 만료되면 redux 전역 변수를 업데이트 해주는 로직이 필요한 것 같다.