Atomic Design Pattern, 기계적으로 폴더를 나누기 보다는..
패턴을 기계적으로 지키기 위해 무조건 atom - molecules...를 나눠서 거기에 전부 몰빵하는 것보다는
기능적으로 연관 있는 것들끼리 모아주고, 그 안에서 level을 나누는게 어떨까?
=> 기존 컴포넌트별 폴더 구조 + atomic pattern 혼합하는 느낌..
기계적으로 components 폴더 내 atoms/molecules/organisms/templates를 만들어 쓰기보다는,
common, 주요 기능별 (molecules~organisms 정도) 폴더를 나누고
그 기능별 컴포넌트 폴더 안에서 atoms, molecules 나눠주는 게 좋아보임
서로 연관 있는 것들끼리는 물리적인 거리가 가까워야 관리하기가 편하기 때문
그럼 각 폴더별 Index.ts에서 Import가 무의미하게 길게 늘어지는 것도 막을수 있음
- components
- common
- atoms
- molecules
- organisms
- a-component
- atoms
- molecules
- organisms
- ...
- z-component
- layouts
- pages