Atomic Design Pattern, 기계적으로 폴더를 나누기 보다는..

·

1 min read

패턴을 기계적으로 지키기 위해 무조건 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