feature_sliced_desigin/

[giscus[bot]]

feature_sliced_desigin/

FSD의 개념과 도입 경험기에 대해서

https://seri-log.netlify.app/feature_sliced_desigin/

[wonjung-jang]

저도 과제를 통해서만 FSD를 적용한 경험이 있는데요.
FSD는 확실히 규모가 있는 프로젝트에 적용하면 좋겠다고 생각했어요! ㅎㅎ
동시에 분류하는 기준이 모호해서 도입 시에 팀원 간의 명확한 기준을 세우고 맞추는 과정이 쉽지 않을 것 같다고 생각했습니다.
이 과정을 점진적으로 적용하시면서 유연하게 해결하신 것 같네요!
저도 나중에 적용할 일이 생긴다면 참고하겠습니다!
좋은 글 감사합니다! ㅎㅎ

[seriparkdev]

저는 개인적으로 기존의 폴더구조가 마음에 들지 않았는데 그 개선점 중 하나로 FSD를 고려해볼 가치가 있는 것 같아요! 읽어주셔서 감사합니다 ☺️

[HyeonJiKwon]

저도 항해 때 처음 접하고 과제를 처리할 때 힘들었던 경험이 생각나요 .
그리고 제가 내렸던 결론은 '본인만의 기준을 세우는 것이 중요'하다! 였어요.
세리님의 마지막 의견에도 동의합니다. 너무 세부적인 분류는 오히려 유지보수에 어려울 수 있더라구요. 좋은 내용 감사합니다.

[seriparkdev]

FSD 적용과 함께 해야 하는 작업도 많아서 과제할 때 저도 너무 어려웠던 기억이 나네요..
팀원들과 기준을 맞춰가는 게 도입할 때 가장 중요한 작업이더라고요! 읽어주셔서 감사합니다 :)

[jiji-hoon96]

개인적으로 프론트엔드에서 제일 핫한 주제라고 생각해요
FSD 가 최선일까?
이와 관련해서 태영님과도 이야기 나누어보았는데, 세리님 글 읽어보니까 항해에서 많은 고민을 하신게 보입니다.
기회되면 FSD 주제로 토론해봐도 재미있겠네요!

• FSD 가 정답이아니라면 세리님께서 추구하는 아키텍쳐 구조도 공유해주시면 좋을것같습니다!

[seriparkdev]

저는 상황을 고려해서 아키텍처를 다르게 적용해야 하지 않을까 생각하는 것 같아요!

예를 들어, 프로젝트의 규모가 작다면 도메인 기준으로 나누는 것이 오히려 유지보수성을 떨어뜨리기 때문에 기존처럼 역할 중심 분리 (utils, hooks, api)와 같이 나누는 것)가 좋다고 생각해요.
따라서 FSD를 팀에서 도입하기 시작했다고 모든 프로젝트에 적용하는 것도 문제를 발생시킨다고 생각하고 있어요!

이렇게 상황에 따라 유연한 선택이 필요하다 생각하고 있어요!

그리고 데이터에 따라 UI가 달라진다 생각해서 도메인 기준으로 분리하는 것을 좋아해요!
역할 중심 분리를 할 때도 components/product-detail/ProductCard.tsx 보다는 components/product/ProductCard.tsx 와 같은 방식을 선호해요.

다른 분들과 아키텍처에 대해 이야기하면 좋은 인사이트를 많이 얻어갈 수 있을 것 같네요 ㅎㅎ
글 읽어주셔서 감사해요☺️

[gihwan-dev]

제 개인적으로 FSD 시작은 pages, shared만 두고 시작하는게 좋다고 생각해요:) 보통 FSD를 적용할 때 feature, entity, widget에 대한 고민을 하는데 사실 재사용 되지 않는 모듈은 분리하면 오히려 응집도만 떨어지게 되더라고요! 그래서 pages, shared만 두고 관리 하다가, 두 페이지 이상에서 사용되는 어떤 로직이 생기면 그 때 feature, entity, widget의 구분을 시작하는 편입니다:) 실제로 대부분의 코드는 제 개인적으로 pages/어떤페이지/components <- 여기에 위치하게 되었던거 같아요! 정답은 없다고 생각하고, 제 개인적인 의견입니다ㅎㅎ

좋은 글 잘 읽었습니다!

[seriparkdev]

너무 좋은 접근 방식인 것 같아요! 필요 이상으로 분리될 수 있다는 FSD의 단점을 보완시켜주는 것 같네요ㅎㅎ 글 읽어주셔서 감사합니다☺️

[kyh196201]

댓글에서도 꿀팁을 얻어가네요 흐흐

[osohyun0224]

실제 도입 경험을 바탕으로 FSD의 장단점을 균형 있게 다뤄줘서 공감이 많이 됐어요!!!!
규모 있는 프로젝트에 적용할 때 참고하기 좋은 글이네요 bbb

[seriparkdev]

글 읽어주셔서 감사해요☺️!

[Yoo2]

항해시에 처음 접하고 인상깊었으나 다시 잊어가던 차에 리마인드 한 느낌이네요. 잘 읽었습니다.

[seriparkdev]

저도 FSD가 인상 깊더라고요 ㅎㅎ 글 읽어주셔서 감사합니다!

[Dayglow0926]

오랜만에 다시 FSD 를 공부하게되어서 좋네요!
좋은글 감사합니다~

[seriparkdev]

글 읽어주셔서 감사해요!

[dgd03146]

FSD 적용시 본인만의(팀만의) 기준이 있어야 된다는 것에 공감되고 수직적 계층구조로 응집도를 높이기에 좋은 폴더구조인 것 같은데 말 그대로 프로젝트의 특성이나 목적에 맞게 점진적으로 도입해나가는게 중요할 것 같습니다. 좋은 글 공유 감사합니다.

[seriparkdev]

도입 전에 충분한 고민이 필요한 것 같아요 ㅎㅎ 글 읽어주셔서 감사합니다!

[kyh196201]

현재 새롭게 진행하는 프로젝트에 FSD를 도입하려고 하는데, 많은 참고가 됐습니다 감사합니다!

[seriparkdev]

도움이 됐다니 뿌듯하네요 ㅎㅎ 읽어주셔서 감사합니다! ☺️