좋아요 기능 useMutate로 변경
- useMutate 활용해서 리팩토링
- 서버측 API 변경이 어려운 경우, 프론트에서 API를 호출할때 반대값이 오면 error를 던져주는 방식으로 바꿔준 뒤, useMutation의 에러핸들링을 활용하는 방법으로 리팩토링을 진행할 예정입니다.
- 그렇게 할 경우 좀더 코드가 간결하고 직관적이게 되며, 추후 서버 요청을 보낼때 에러핸들링이 내장되더라도 빠르게 수정을 할 수 있게 됩니다.
[5분소요]라우터 코드스플리팅(성능측정하기)
이미 다 만들어 놓음
상세페이지 masonry 라이브러리 제거, CSS로 구현
- 성능 매우 개선될 예정
CSS에서 요소 갯수에 따른 속성 적용하기 활용 : https://shubamba.tistory.com/45
PWA적용
가능은 함. 모든 리소스는 준비되어 있음. 다만 PWA 도입시 이점이, 실시간 알림이 없으면 크게 없어서 약간 고민됨.
공통컴포넌트 리팩토링
- 스토리북 도입 : 공식문서
- 다만, 공통컴포넌트는 수정시 사용하는 모든 페이지에서 수정사항이 발생할 가능성이 있음.
- 스토리북 도입 : 공식문서
- 합성컴포넌트 활용 : 블로그 / 예상기매니저님코드
그외
서버와 함께 작업이 필요하거나, 있으면 좋지만 우선순위가 밀리는 것
- 단방향 실시간 통신 = 알림기능 (SSE or 웹소켓)
- 실시간 좋아요
- 실시간 댓글 알림
- 새글 구독?
- 양방향 실시간 통신 (웹소켓)
- 실시간 채팅
- 실시간 주변 친구 몇명 있나 보기
- 경로 입력 기능 : 참고자료
- on, off 활용해서 5~10초에 1번정도 현 위치를 기록해서 선으로 이어주는 식으로 기록 가능
- 계속 켜놓아야 하므로 글쓰기 기능에 직접 넣지 X
- 따로 페이지를 파서 실시간 경로 기록하기 기능을 만들고, 마이페이지에서 저장된 내 경로를 볼 수 있게 하면 좋을듯.(저장값: 경로배열, 시간, 제목, 설명)
- 저장된 내 경로를 글쓰기에서 불러올 수 있는 방식으로 구현
- 저장된 내 경로 ID만 보내거나, 저장된 경로의 data(좌표배열)를 모두 보내거나 둘다 가능함.
- 경로 ID만 보내는 경우, 마이페이지에서 별도로 경로 삭제시 어떻게 처리할지 정해야함.(복잡해질듯)
- 서버로 보내는 데이터는 [{x:2131.123, y:123.124}, {x:213, y:1232}….] 이런식으로 객체배열 형태로 보내주게 될것같음
- 테마
- 다크모드
- 기타
- 사진 업로드시 크롭 기능
- 크롭 모달에서는 구현 되어있으나 상황에 따라 코드수정이 필요할 것으로 예상됨.
- 대댓글 기능
- 좋긴한데 내세우긴 애매해서 마음속 우선순위는 좀 밀림.
- 사진 업로드시 크롭 기능
