Atomic Design

재사용성을 기준으로 합니다.

Atom

더 이상 쪼개질 수 없는 컴포넌트

• HTML 태그

Mocules

재사용되고, 컴포넌트 + 컴포넌트 로 이루어진 컴포넌트

Organisms

재사용이 되지 않는 컴포넌트 를 도메인별로 분류

• article

• series

• user

• purchase

• follow

• auth

• channel

• general

Templates

컴포넌트 + 레이아웃 = 페이지 || 컴포넌트 + 레이아웃 = Organisms 에 사용되는 레이아웃 컴포넌트

• Wrapper

• Container

• ListContainer

• SectionContainer

Pages

Templates + Organisms + Mocules + Atom 로 이루어진 페이지 컴포넌트

• article

• series

• user

• purchase

• follow

• auth

• channel

• general

// import templates
import {} from '@atom'
import {} from '@mocules'
import {} from '@organisms'
import {} from 'templates'