Wrap up Flutter in Product & Flutter 3.27 (류지영 / 송승현 - Flutter Seoul) - Flutter In Production Extended Seoul

본 게시글은 Flutter in Production 컨퍼런스 참여 후 작성한 글입니다.

Flutter In Production Extended Seoul 컨퍼런스 후기

 

 

들어가며..

Flutter 의 인기가 매해 증가하는 추세이다.

Apptopia 에 따르면, 특히 애플의 앱스토어에서 신규로 출시되는 앱 중 약 28% 가 Flutter 로 제작되고 있다고 했다. (굉장하구먼?)

관련 자료는 유튜브 링크를 확인하자.

• https://www.youtube.com/live/AEXIrThTgb0?si=WtRZUqFwvyiBRKKj&t=327

 

---

 

1. 프레임워크 업데이트

 

Row 및 Column 간격 조정 간소화

원래 각 위젯 사이사이 SizedBox() 를 넣었었지만, 이제 spacing 파라미터 도입으로 위젯 간 간격 설정이 더욱 간단해짐

 

Material Design 3 업데이트

최신 디자인 표준에 맞춰 CardTheme, DialogTheme, TabBarTheme 등 개선.

 

Cupertino 위젯 개선

IOS 의 디자인을 최대한 따라가기 위해 cupertino 디자인 계속 업데이트 중

 

 

 

 

2. 엔진 업데이트

Android Impeller 렌더링 엔진 도입

• Impeller가 Android 디바이스의 기본 렌더링 엔진으로 설정
• Vulkan 미지원 기기에서는 여전히 Skia 사용 가능
• 필요 시 Impeller 대신 Skia를 사용하는 옵션 제공
  • android manifest 에서 meta data 설정을 추가
• 단, 이제 막 도입헀기 때문에 버그가 있을 수 있음

iOS Metal 렌더링 성능 향상

• Metal 렌더링 서비스 적용으로 120Hz 환경에서 끊기지 않도록 해줌
• 부드러운 애니메이션 및 화면 전환 제공

컬러 스페이스 확장

• 기존 sRGB 외에 Display P3와 같은 고급 컬러 스페이스 지원
• 부동 소수점 알파 값 사용으로 정밀한 색상 표현 가능 (0.0 ~ 1.0)

 

 

 

3. 웹 플랫폼 개선

이미지 디코딩 최적화

• <img> 태그를 활용한 이미지 디코딩으로 성능 향상 및 리소스 절약

접근성 강화

• 헤딩, 다이얼로그, 비밀번호 입력, 스크롤 가능한 요소에서 접근성 지원 강화.
• 시각장애인을 위한 화면 읽기 기능 개선

캔버스 및 스크롤링 성능 향상

• CanvasKit 및 Skia WebAssembly 렌더러 최적화
• 드래그 스크롤링이 개선됨. 특히, 멀티뷰 모드에서 더 부드럽고 반응성 있도록..

 

 

 

4. 생태계 변화

Pub Workspaces 도입

• 단일 모노레포 내에서 여러 패키지를 효율적으로 관리할 수 있는 기능

패키지 다운로드 통계 변경

• pub.dev에서 최근 30일간 다운로드 수 및 스파크 그래프를 통해 패키지 활성 상태 확인 가능

자동 배포 파이프라인

• GitHub Actions를 활용해 pub.dev 에 Flutter 패키지를 자동으로 배포 가능
• 예) 오픈소스 관리하는 사람들

 

 

 

5. iOS 및 Android 업데이트

iOS

• StoreKit 2로 업데이트, 구독 관리 기능 향상
• Objective-C 프로젝트 지원 중단, Swift 사용 필수

Android

• Android 15 이상 앱에서 기본 전체 화면 모드 지원
• Kotlin DSL 빌드 스크립트(KTS 파일) 도입

 

 

 

6. 개발 도구 및 IDE 개선

딥 링크 설정 검증

• Flutter Deep Links 도구에서 iOS 딥 링크 검증 지원

Dev Tool 에서 오프라인 데이터 작업 개선

• 네트워크 로그 파일 추출 가능
• 메모리 디버깅 도구의 안정성 향상

Inspector 도구 개선

• 위젯 트리가 간결하게 표현됨
• 다른 패키지의 위젯 정보 토글(show / hide) 기능 추가
• 웹에서도 DevTools 지원(WebAssembly 모드에서 사용 가능)

 

 

 

7. 브레이킹 체인지

Material Design 3 표준화

• 최신 Material Design 표준 적용

Dart SDK 3.0 미만 지원 중단

• Dart 3.7 이상으로 업데이트 권장

딥 링크 플래그 기본값 변경

• 새 프로젝트에서 기본적으로 true로 설정