728x90
쓰기 전에 읽기
https://f-lab.kr/blog/developer-blog-tips
오늘 중요한 것을 정리하면서 기억할 필요가 있는 것 1~2가지
1. Flutter 애니메이션 기초 및 플랫폼별 UI
정리
- AnimationController + Tween + AnimatedWidget 조합으로 페이드·크기·슬라이드 전환 구현
- initState에서 컨트롤러 생성, dispose에서 해제하는 패턴
- Material(Android) vs Cupertino(iOS) 분기: Platform.isIOS 또는 flutter_platform_widgets 활용
핵심 개념
- AnimationController: 애니메이션 재생 시간·반복 등 제어
- Tween: 시작값과 끝값 사이 중간 값 생성
- AnimatedWidget: 애니메이션 값 변경 시 위젯 자동 리빌드
- 플랫폼 위젯 분기: 한 코드베이스에서 OS별 디자인 시스템 적용
인사이트
- 컨트롤러 생성·해제 패턴은 헬퍼 클래스로 래핑해 중복 제거
- 플랫폼 분기 로직을 커스텀 레이어로 모듈화하면 유지보수성↑
2. 테마·스타일 관리 및 커스텀 위젯
정리
- ThemeData: 전역 색상·폰트·버튼·스낵바·탭바 스타일 정의
- TextTheme + pubspec.yaml 폰트 등록으로 일괄 관리
- 런타임 다크/라이트 모드 전환: themeMode + ChangeNotifier(ThemeNotifier) + Provider
핵심 개념
- ThemeData: primaryColor, fontFamily, textTheme, buttonTheme 등
- 커스텀 위젯: 자주 쓰이는 UI 패턴 재사용 가능한 컴포넌트화
- 상태 관리: ChangeNotifierProvider → notifyListeners()로 테마 갱신
인사이트
- 디자인 가이드라인 초기에 ThemeData에 담아두면 UI 변경 요청 대응이 한결 수월
- 팀 프로젝트 시 커스텀 위젯 라이브러리로 스타일 통일 및 생산성 극대화
3. Dart 키워드·수식어·식별자 정리
정리
- 변수 선언: var vs final vs const vs dynamic
- 비동기 처리: async/await, async* 스트림 생성기
- 클래스·믹스인: extends/with/mixin, factory 생성자
- late 초기화: late + 널러블 체크 or 생성자 초기화 패턴
핵심 개념
- const: 컴파일 타임 상수, 위젯 빌드 최적화
- final: 런타임 상수, 재할당 불가
- late: 지연 초기화, 초기화 시점 제어
- dynamic: 런타임 타입 검사
인사이트
- 리스트 아이템 등 성능 민감 영역에 const 위젯 적극 적용
- late 편의성 대신 예측 가능한 초기화 방식(생성자 or nullable 체크) 선호
오늘 할 일
💠2주차 수요일
오늘 한일
💠Dart(및 Flutter) 언어에서 사용되는 주요 키워드/수식어/식별자
'TIL,WIL' 카테고리의 다른 글
TIL (1) | 2025.05.19 |
---|---|
TIL - 20250515 (0) | 2025.05.15 |
TIL - 250513 Flutter 위젯 & 화면 전환 구조 학습 인사이트 ✍️ (1) | 2025.05.13 |
TIL 20250507 (0) | 2025.05.07 |
TIL - 20250402 (0) | 2025.04.02 |