[11팀 민성윤] Chapter 2-3. 관심사 분리와 폴더구조

[SeongYoonMin]

과제 체크포인트

기본과제

목표 : 전역상태관리를 이용한 적절한 분리와 계층에 대한 이해를 통한 FSD 폴더 구조 적용하기

• 전역상태관리를 사용해서 상태를 분리하고 관리하는 방법에 대한 이해
• Context API, Jotai, Zustand 등 상태관리 라이브러리 사용하기
• FSD(Feature-Sliced Design)에 대한 이해
• FSD를 통한 관심사의 분리에 대한 이해
• 단일책임과 역할이란 무엇인가?
• 관심사를 하나만 가지고 있는가?
• 어디에 무엇을 넣어야 하는가?

체크포인트

• 전역상태관리를 사용해서 상태를 분리하고 관리했나요?
• Props Drilling을 최소화했나요?
• shared 공통 컴포넌트를 분리했나요?
• shared 공통 로직을 분리했나요?
• entities를 중심으로 type을 정의하고 model을 분리했나요?
• entities를 중심으로 ui를 분리했나요?
• entities를 중심으로 api를 분리했나요?
• feature를 중심으로 사용자행동(이벤트 처리)를 분리했나요?
• feature를 중심으로 ui를 분리했나요?
• feature를 중심으로 api를 분리했나요?
• widget을 중심으로 데이터를 재사용가능한 형태로 분리했나요?

심화과제

목표: 서버상태관리 도구인 TanstackQuery를 이용하여 비동기코드를 선언적인 함수형 프로그래밍으로 작성하기

• TanstackQuery의 사용법에 대한 이해
• TanstackQuery를 이용한 비동기 코드 작성에 대한 이해
• 비동기 코드를 선언적인 함수형 프로그래밍으로 작성하는 방법에 대한 이해

체크포인트

• 모든 API 호출이 TanStack Query의 useQuery와 useMutation으로 대체되었는가?
• 쿼리 키가 적절히 설정되었는가?
• fetch와 useState가 아닌 선언적인 함수형 프로그래밍이 적절히 적용되었는가?
• 캐싱과 리프레시 전략이 올바르게 구현되었는가?

과제 셀프회고

과제에서 좋았던 부분

• FSD에 대해 한번 더 깊게 생각하게되었고, 이번과제를 통해서 컴포넌트 혹은 함수가 단일책임을 져야하는 이유에 대해서 좀 더 자세히 알게되었습니다. 처음에는 단일책임을 지면 좋긴..좋겠지? 라는생각이였는데 이번 과제를 통해서 분리되지않은 코드를 통한 재사용컴포넌트 구현이나 리팩토링하는 입장에서 너무 좋지않은 경험을 제공한다는 점에서 많이 느꼈습니다.

과제를 하면서 새롭게 알게된 점

• Feature와 Entity의 차이에 대해 좀 더 명확하게 알게되었습니다.

과제를 진행하면서 아직 애매하게 잘 모르겠다 하는 점, 혹은 뭔가 잘 안되서 아쉬운 것들

• 사실.. 아직까진 FSD패턴의 장점을 잘 못느끼겠습니다... 이번과제를 하면서도 차라리 기존의 방식으로 진행하였더라면 더 빨리 과제를 진행하고 회고할 수 있지 않았을까? 라는 생각이 컸습니다.

리뷰 받고 싶은 내용이나 궁금한 것에 대한 질문

• 저는 Dialog Modal 을 여는 것도 하나의 상태라 생각하고 Shared에 상태 관리를 하게 작업하였습니다. 근데 이렇게 Store로 상태를 관리하니 각 모달에 대한 상태를 전부 저장해야 하더라구요... 코치님은 모달에 대한 상태를 저장할때 어떤방식으로 하시는것을 선호하시나요?
• 위 내용과 마찬가지로 선택한 Post나 Comment또한 selectStore로 따로 저장하여 관리하였는데... 해당방식이 올바른 방식인지 긴가민가합니다....