인증, 온보딩, 대시보드 재구축 중단: DesignFo... 노트

인증, 온보딩, 대시보드 재구축 중단: DesignFoundationPro

이 문서는 무료 DesignFoundation 코어 패키지의 상용 애드온인 DesignFoundationPro를 소개합니다. Pro는 블록, 화면, 네비게이션 쉘과 같은 사전 구축된 컴포넌트를 제공하여, 특히 AI 코딩 에이전트를 사용할 때 개발 시간을 크게 단축시킵니다. 이는 다양한 화면에서 간격 및 동작과 같은 디자인 요소의 일관성을 보장합니다. Pro는 Foundation을 기반으로 하며 모든 기능에 대한 통합 임포트를 제공합니다. 이 패키지는 평생 라이선스와 선택적 연간 업데이트를 통해 구매할 수 있습니다. 구매 전에 사용자는 무료 DFPlayground macOS 앱에서 모든 컴포넌트를 미리 볼 수 있습니다.DesignFoundationPro를 추가하려면 프로젝트에 해당 리포지토리 URL을 포함하고 단일 제품으로 임포트해야 합니다. 튜토리얼에서는 macOS와 같은 플랫폼에 타이포그래피 및 표면 토큰을 적용하는 .workspace 테마를 데이터 밀집 제품 UI에 사용하는 것을 권장합니다. 사용자 정의 브랜딩이 가능하지만, 일부 컴포지션 루트는 워크스페이스 테마를 하드코딩합니다.Pro 패키지는 DFStandardSidebarShellDFAdaptiveShell과 같은 사전 구축된 쉘을 사용하여 사이드바 네비게이션과 같은 일반적인 UI 패턴을 단순화하여 개발자가 복잡한 로직을 다시 작성할 필요가 없도록 합니다. 또한 DFSignInBlockDFOTPBlock과 같은 재사용 가능한 인증 블록을 제공하여 폼, 유효성 검사 및 소셜 로그인을 구성 가능한 콜백으로 처리합니다. 온보딩 흐름은 DFOnboardingFlow 컴포넌트를 통해 간소화되며, 이는 여러 단계를 거쳐 상태 지속성 및 네비게이션을 처리하는 단일 구성 객체에 의해 관리됩니다.데이터 시각화를 위해 Pro는 Swift Charts를 활용하고 테마 색상을 자동으로 적용하는 DFLineChartBlockDFBarChartBlock과 같은 차트 블록을 포함하며, 기간 선택기 및 로딩 상태와 같은 기능을 통합합니다. 마지막으로 DFDataTable은 macOS의 키보드 네비게이션과 iPhone의 스크롤 가능한 뷰를 제공하며 다양한 플랫폼에서 네이티브 느낌의 데이터 테이블을 만드는 문제를 해결합니다. DFDataTable 컴포넌트는 Foundation의 일부이지만 Pro 규모의 애플리케이션에서 특히 유용합니다.