Skip to main content

Command Palette

Search for a command to run...

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

Published
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

More from this blog

Kimi Agentic Slides + Nano Banana로 4살 아들 맞춤 동화 만들기

Kimi Agentic Slides 지난주 금요일 (11. 28.) Kimi에서 Agentic Slide를 런칭하면서, 48시간 무제한 슬라이드 생성 이벤트를 진행했다. Nano Banana Pro가 워낙 강렬해서 이건 또 뭐가 다른지 써보고 있는 와중에, 아들이 옆방에서 징징대는 소리가 들렸고, 이걸로 동화책을 만들어봐도 되겠다는 생각이 뇌리를 스쳤다. 아들이 워낙 자동차를 좋아하고, 요즘 육아 이슈가 사회성을 길러주는 거라, 처음엔 사회성...

Dec 1, 20252 min read28
Kimi Agentic Slides + Nano Banana로 4살 아들 맞춤 동화 만들기

[발번역] Deno에 package.json 지원을 추가한 이유

원문: Why We Added package.json Support to Deno 내맘대로 세줄 요약 Node.js package.json 구린거 맞음. 이거에 대한 생각 여전함 근데 HTTP URL 쓰다보니 더 복잡하고 지저분해진 것도 맞음 이것저것 해보다가 뭐 어쩔수없이 이번에 package.json 지원하긴 했는데, 앞으로 deno: URL 지원할 거임. 기대해보셈 Deno 최신 버전 (v1.31, https://deno.com...

Mar 21, 20235 min read199

Wii-World

28 posts