TIL 20250516

쓰기 전에 읽기

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) 언어에서 사용되는 주요 키워드/수식어/식별자

💠테마 및 스타일 적용, 커스텀 위젯 제작 기초

💠애니메이션 기초 학습 및 플랫폼별 UI 이해