[Feature] 셰어 공개상담 개발 요청 사항 반영 / react-query 반영 #300
Conversation
kyuhho
added
API
✅ Deploy Preview for candid-semolina-d0db42 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
0521 셰어-공개상담변경사항도 같이 반영해주실 수 있을까요? 
|
| queryKey: ['infiniteGetPostsCutsomersResponse', isChecked], | ||
| queryFn: async ({ pageParam }) => | ||
| await getPostsCutsomers(pageParam).then((res) => { | ||
| console.log(res.data); |
There was a problem hiding this comment.
console.log 는 삭제해주시면 좋을 거 같습니다!
| } | ||
| }; | ||
| export const axiosGet = async (url: string, params?: any) => | ||
| await instance.get(url, { params }); |
There was a problem hiding this comment.
이 방식이 더 깔끔한 거 같습니다~ Goood
| const { | ||
| data: openConsults, | ||
| isLoading, | ||
| fetchNextPage, | ||
| hasNextPage, | ||
| isFetching, | ||
| isFetchingNextPage, | ||
| isLoadingError, | ||
| } = useInfiniteQuery<GetPostsCutsomersResponse[]>({ |
There was a problem hiding this comment.
리액트 쿼리를 통한 무한 스크롤 구현하신 코딩 패턴 확인했습니다~!
There was a problem hiding this comment.
공개 상담 단건 조회 페이지를 비롯한 상담 상세 페이지에서 게시물 좋아요 , 북마크, 댓글 좋아요 혹은 아이콘을 눌렀을 때 숫자 부분 width가 달라져서 아이콘이 밀리는 거 같습니다!
좋아요/스크랩 숫자 부분을 좋아요 자릿수에 따라 width를 지정해두는 것도 방법일 거 같습니다!
2024-06-14.7.39.58.mov
There was a problem hiding this comment.
앗 그런 이슈가 있군요!
저는 layout을 구성할 때 width, height의 직접적인 선언을 지양하는 것이 반응형에 좋은 practice라고 생각하여 위와 같이 구현하였습니다!
여러 부분에서 사용하는 태그이기 때문에 다음 작업에서 따로 마이그레이션하는 방향으로 하겠습니다!
아직 해당 부분 description이 확정되지 않은 것 같아 따로 이슈 생성하여 작업하겠습니다! |
Checklist
Description
Related Issues
#294
To Reveiwer