디자인 패턴 개요
디자인 패턴 개요
엔터프라이즈급 비즈니스에서 디자인 패턴을 잘 활용하면 개발팀의 확실성(certainty)이 크게 높아져요. 불필요한 설계를 줄이고 시스템 일관성을 유지하면서, 디자이너가 진짜 창의력이 필요한 곳에 집중할 수 있게 해 주죠.
출처: 문서
본문
디자인 패턴은 Ant Design 디자인 가치를 따르면서, 엔터프라이즈 제품에서 반복적으로 나타나는 디자인 문제에 대한 일반적인 해법을 제공해요. 디자이너는 이 패턴을 그대로 사용해 인터페이스를 완성할 수도 있고, 출발점으로 삼아 더 비즈니스에 특화된 해결책을 만들어 개별 디자인 요구를 충족할 수도 있어요.
또한 이 문서는 계속 갱신되는 디자인 문서예요. 여러분의 읽음과 피드백이 우리의 발전 동력이에요. GitHub 피드백 주소로 의견을 남겨 주세요.
프레임워크 정보 (Framework Information)
완전한 디자인 패턴은 템플릿, 컴포넌트(ETC), 그리고 일반적인 개념(general-purpose concepts)의 예시를 포함해요.
- 기능 예시(Function example): 여러 템플릿으로 구성되어, 사용자가 공통 기능을 어떻게 사용하고 구축하는지 영감을 주는 예시예요.
- 템플릿(Template): 시스템에서 일반적인 페이지(예: 상세 페이지)를 어떻게 만드는지 영감을 주는 페이지 수준의 예시예요.
- 컴포넌트(Component)
- 기본 컴포넌트: 버튼, 페이지네이션(pager)처럼 시스템의 가장 기본적인 요소예요.
- 비즈니스 컴포넌트/모듈: 보통 여러 컴포넌트로 구성된 블록 수준의 예시예요.
- 일반 개념(General concepts): 타입세팅, 폰트, 카피라이팅처럼 ETC의 체계화를 보장하는 몇 가지 관례예요.
리소스 (Resources)
엔지니어와 협력해 디자인 패턴을 재사용 가능한 코드로 바꾸면 생산성과 커뮤니케이션 효율을 최대화할 수 있어요.
- Ant Design Pro: 20개 이상의 템플릿과 10개 이상의 비즈니스 컴포넌트를 갖춘 바로 쓸 수 있는 솔루션이에요.
- 공식 UI: Ant Design의 React UI 라이브러리는 60개 이상의 기본 컴포넌트를 가진 전역 컴포넌트 라이브러리예요.
- Axure 라이브러리: 코드와 함께 제공되는 Axure 리소스 팩으로, 템플릿과 컴포넌트 등을 포함해 프로토타입이 비주얼 드래프트처럼 보이게 해 줘요.