SAM의 개인공간 SAM의 개인공간

Riverpod으로 theme를 관리하고 싶었다.MaterialApp의 경우 themeMode가 있고, themeMode의 경우 system, light, dark 3가지 값을 가진다.themeMode의 값에 따라 화면의 테마를 바꿔준다.1. 컬러 설정테스트를 위해 간단하게 설정import 'package:flutter/material.dart';class AppColors { static const Color primary = Colors.blueAccent; static const Color secondary = Colors.blueGrey; static const Color error = Colors.redAccent; static const Color black = Colors.black;..

go_router 란? 애플리케이션 내에서 라우팅 및 탐색을 처리하는 데 사용되는 패키지 기본 셋팅 pubspec.yaml 에 추가 dependencies: go_router: ^13.2.4 router.dart 추가 // router.dart final router = GoRouter( routes: [ GoRoute(path: '/', builder: (context, state) => const MainPage()), GoRoute( name: "Home", path: "/home", builder: (context, state) { return const HomePage(); }, ) ], ); main.dart 수정 MaterialApp.router로 수정 routerConfig 추가 // ma..

Knobs? "Knobs(노브)"은 Widgetbook에서 동적 도구로, 실행 중에 유스케이스에 전달되는 매개변수를 수정할 수 있게 해줍니다. 이를 통해 여러 조건과 입력 하에서 위젯을 조정하고 검토하여, 구성 요소의 동작을 개선하고 이해하는 데 도움이 됩니다. 실시간으로 파라미터를 변경하여 위젯을 확인할 수 있다. 아래와 같은 파라미터를 사용할 수 있다. Knobs 적용 1. 테스트를 위한 TestIconImage라는 위젯 작성 아이콘과 텍스트를 같이 출력하는 위젯 size, iconData, color, text, textShow 파라미터 사용 import 'package:flutter/material.dart'; enum ImageSize { BIG, SMALL } class TestIconImag..

WidgetBook? Flutter에서 사용하는 StoryBook중 하나이다. 컴포넌트를 한 곳에 모아 관리할 수 있는 중앙 위젯 라이브러리 제공. 컴포넌트 개발 및 테스트에 사용 컴포넌트를 독립적으로 개발, 테스트할 수 있도록 도움 컴포넌트 라이브러리 구축 컴포넌트 라이브러리를 구축하고 문서화(예시와 설명) 시각적 회의 및 협업 디자이너, 개발자, 제품 관리자 등 팀원들이 시각적으로 컴포넌트를 검토하고 의견을 공유 Widgetbook Cloud를 사용하면 Figma와 동기화하여 공유 가능. WidgetBook 사용 방법 설치에 “Generator Approach”와 “Manual Approach”가 있는데 Generator Approach로 하겠습니다. Install 터미널에서 flutter pub a..