본문 바로가기
TIL,WIL

TIL 20250516

by GREEN나무 2025. 5. 16.
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) 언어에서 사용되는 주요 키워드/수식어/식별자

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

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

 

 

'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