[7팀 제정원] Chapter 2-3. 관심사 분리와 폴더구조#66
Conversation
| @@ -0,0 +1,10 @@ | |||
| import { Post } from "@/entities/posts/model/post.type" | |||
|
|
|||
| export const addPost = async (newPost: Pick<Post, "title" | "body" | "userId">) => { | |||
There was a problem hiding this comment.
Pick이라는 기능이 있군요.. TypeScript를 잘 몰라서 이런 기능 있었으면 했는데..
| return useQuery<PostsResponse>({ | ||
| queryKey: ["posts", searchQuery], | ||
| queryFn: () => getSearchQueryPosts(searchQuery), | ||
| enabled: !!searchQuery, |
There was a problem hiding this comment.
오! 저랑 구현 방법이 똑같으시네요! TanStack Query에 익숙하지 않아서... 올바른 방법인지 몰랐습니다.
| className?: string | ||
| } | ||
|
|
||
| export const Modal = ({ |
There was a problem hiding this comment.
오 Modal 자체를 컴포넌트로 분리할 수 있었네요...! 저는 이런 디테일 챙겨지 못했습니다...
| <SelectContainer | ||
| value={limit.toString()} | ||
| onValueChange={(value) => onLimitChange(Number(value))} | ||
| placeholder="10" | ||
| > | ||
| <SelectItem value="10">10</SelectItem> | ||
| <SelectItem value="20">20</SelectItem> | ||
| <SelectItem value="30">30</SelectItem> | ||
| </SelectContainer> |
There was a problem hiding this comment.
저도 shared에 Paignation 컴포넌트를 위치 시켰는데 성식님 코드를 보니 게시글 몇개까지 위치 시킬껀지는 결정하는 UI상태 로직은 사용부에서 분리시키는게 좋을것 같더라구요 ㅠㅠ
jinsoul75
left a comment
jinsoul75
left a comment
There was a problem hiding this comment.
FSD 저만 이해를 못한거같아여 ㅠㅠ 정원님도 레이어에 맞게 분리를 잘 해주셧네용 !! 이번주도 고생많으셨어요 !! TDD도 뿌셔봅시댜!!!!!
keyonnaise
left a comment
keyonnaise
left a comment
There was a problem hiding this comment.
정원님, 이번 과제는 난이도도 어렵고 api도 시원치않아 어려움이 있었을 텐데도 포기하지 않고 끝까지 완수하시는 모습을 보면서 저 또한 마음을 다잡게 되었습니다. 테스트 코드 챕터도 함께 힘내서 잘 헤쳐나가기를 바랍니다!
|
|
||
| export const usePostsQuery = () => { | ||
| return useQuery<PostsResponse>({ | ||
| queryKey: ["posts"], |
There was a problem hiding this comment.
TanStack Query를 사용하면서 쿼리 키 관리가 번거롭게 느껴질 때가 있는데, 이 문제를 좀 더 쉽게 해결할 수 있도록 도와주는 query-key-factory 라이브러리가 있다고 합니다! TanStack Query에 관심이 있으시면 같이 살펴보시면 좋을 것 같아요!
4 participants
과제 체크포인트
기본과제
목표 : 전역상태관리를 이용한 적절한 분리와 계층에 대한 이해를 통한 FSD 폴더 구조 적용하기
체크포인트
심화과제
목표: 서버상태관리 도구인 TanstackQuery를 이용하여 비동기코드를 선언적인 함수형 프로그래밍으로 작성하기
체크포인트
과제 셀프회고
과제에서 좋았던 부분
과제를 하면서 새롭게 알게된 점
과제를 진행하면서 아직 애매하게 잘 모르겠다 하는 점, 혹은 뭔가 잘 안되서 아쉬운 것들
리뷰 받고 싶은 내용이나 궁금한 것에 대한 질문