Atomic-pattern

양세희·2022년 5월 16일
0

atomic 패턴

atomic 패턴이란, 소스코드를 아주 작은 컴포넌트 단위로 먼저 쪼개는 방법을 의미한다. 이렇게 하는 이유는 컴포넌트의 중복을 최소화하기 위함이다.
총 5개의 폴더 구조로 이루어지며, 각각의 의미는 화학의 원리를 이용해서 만든다. atoms, molecules, organisms, templates, pages 이렇게 5개의 폴더로 나누어서 컴포넌트들을 관리하게 된다.

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

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

하지만, 프로젝트 시작부터 UI를 디자이너와 함께 전체적으로 설계해야하므로 실제 개발준비까지 걸리는 시간이 늘어날 수 있다.

따라서, 시간, 비용, 팀의 상황 등에 따라서 적용하는 것이 일반적이다.

[정리]

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

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

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

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

0개의 댓글