Atomic Pattern*

dlwoxhd·2022년 6월 28일
0

Atomic Pattern

소스코드를 아주 작은 컴포넌트 단위로 먼저 쪼개는 방법을 의미 - 컴포넌트의 중복을 최소화

atoms, molecules, organisms, templates, pages 이렇게 5개의 폴더로 나누어서 컴포넌트들을 관리

atomic 패턴을 사용하면 디자이너와의 협업에 유리해질 수 있고, 프로젝트 시작부터 체계적인 UI적 설계가 가능


  • atomic 패턴이란 소스코드를 아주 작은 컴포넌트 단위로 먼저 쪼개는 방법을 의미한다.

  • 컴포넌트의 중복을 최소화하기 위해 사용한다.

  • atoms, molecules, organisms, templates, pages 이렇게 5개의 구조로 이루어진다.

  • atomic 패턴은 디자이너들의 세계에서도 널리 알려진 패턴이다.

0개의 댓글