AI 요약관련 정보

• Widgetbook은 앱 내 위젯을 분리하여 보고, 테스트하고, 공유할 수 있도록 카탈로그화합니다. 🗂️
• Widgetbook 카탈로그를 설정하려면 기존 앱의 Flutter 프로젝트 내에 빈 Flutter 프로젝트를 생성해야 합니다. 📁
• 카탈로그의 pubspec.yaml에 widgetbook, widgetbook_annotation, widgetbook_generator, build_runner 및 앱 자체를 dependencies에 추가해야 합니다. ➕
• Widgetbook에서 use case는 UI 컴포넌트의 특정 상태 또는 variant를 나타냅니다. 💡
• 앱에서 카탈로그화하려는 위젯을 import하고 Widgetbook의 use case annotation을 사용하여 해당 위젯 및 해당 위젯의 variance에 대한 use case를 정의합니다. 🏷️
• 간단한 버튼에서 전체 화면에 이르기까지 모든 위젯에 대한 use case를 정의할 수 있습니다. 📱
• Widgetbook은 knob이라는 유용한 도구를 제공하여 컴포넌트 파라미터를 즉석에서 동적으로 업데이트할 수 있습니다. ⚙️
• widgetbook app annotation을 사용하여 루트 위젯북 카탈로그 위젯을 설정합니다. 🌳
• 생성된 파일을 import하고 widgetbook material, widgetbook cubertino 또는 사용자 정의 위젯을 사용하여 위젯 카탈로그를 표시합니다. 🎨
• build runner를 실행하여 필요한 파일을 생성합니다. 🚀
• Flutter run을 통해 Widgetbook 카탈로그를 실행하고 카탈로그화된 모든 위젯을 볼 수 있습니다. 👀