[11팀 김진관] Chapter 2-3. 관심사 분리와 폴더구조

[kkole3897]

과제 체크포인트

기본과제

목표 : 전역상태관리를 이용한 적절한 분리와 계층에 대한 이해를 통한 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가 아닌 선언적인 함수형 프로그래밍이 적절히 적용되었는가?
• 캐싱과 리프레시 전략이 올바르게 구현되었는가?

과제 셀프회고

이번주 회사일이 너무 바빠서 물리적으로 과제할 시간이 너무 부족해서 기본 과제도 제대로 하지 못 했습니다.

과제에서 좋았던 부분

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

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

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

1. tanstack query를 쓸 때 리스트 형태의 데이터를 받아오고 그 리스트 안의 특정 요소를 몇 단계 nested된 컴포넌트에서 참조해야할 경우 특정할 수 있는 key 값이나 특정할 수 없는 경우 해당 요소의 값을 직접 내려주면서 props drilling이 종종 일어나는 경우가 있었습니다. 개선할 수 있는 방법으로 context 정도를 사용하는 것 밖에 생각이 안 나는데, 이 문제를 어떻게 해결할 수 있을까요?

2. 로그인, 로그아웃을 할 경우 invalidate해야될 쿼리들이 굉장히 많아지는데 이런 경우처럼 대량의 쿼리를 invalidate해야되는 경우 어떻게 관리하는 편이 효율적일까요?