Community

FSD에서 entities의 Card UI에 feature 버튼을 포함해야 할 때 구조는 어떻게 잡나요?

안녕하세요 FSD를 실습해 보고 싶어서 현재 NextJS를 사용하여 쇼핑몰을 한 번 개발해 보고 있습니다. 먼저 FSD를 현재 entities는 읽기, features는 쓰기에 목적을 두고 개발하여 entities에서는 read 등의 데이터를 읽어와서 화면에 뿌려주는 기능들 features에서는 delete, post, put 그리고 사용자 상호작용이 일어나는 기능들을 개발하고 있는 도중 문득 든 생각이 쇼핑몰에서 상품 목록을 조회 후 그걸 Card UI로 제작할 때 간단하게 기능이 Card를 누르면 해당 상품 상세 정보 페이지로 이동하는 기능은 그냥 태그로 처리해서 entities로 넣어두고면 될 것 같은데(https://nukeapp.netlify.app - nukeapp의 ProductCard 처럼) src/ └── entities/ └── product/ ├── ui/ │ ├── ProductCard/ │ │ ├── index.ts └── features/ └── add-to-cart/ ├── ui/ │ └── AddToCartButton/ │ ├── index.ts └── restock-request/ ├── ui/ │ └── RestockRequestButton/ │ ├── index.ts 이런 느낌으로 개발 중이였습니다 문제는 이 ProductCard에 장바구니 담기, 품절 상품일 때 재입고 신청 알림 신청 버튼 등 feature 기능이 들어가게되면 FSD의 계층에 따르면 feature에서 entities는 호출이 되도 반대는 안되는 걸로 알고 있는데 이런 상황에서는 해결방법이 1. ProductCard를 Widgets으로 승격 시킨다(현재 선택한 방법) 2. ProductCard에 props로 컴포넌트를 받아서 배치한다 이것 말고 다른 해결방법이 있을까요? 현재 저는 features에 쓰기, entities에 읽기 이런식으로 분류해서 개발하는 것에 중점을 두고 있습니다

Loading...

알림

알림이 없습니다