Flutter 3

Flutter 렌더링 방식 완벽 해부: Widget부터 픽셀까지, 핵심 원리 파헤치기

Flutter 렌더링 방식 완벽 해부: Widget부터 픽셀까지, 핵심 원리 파헤치기저의 Flutter 개발 경력도 벌써 몇 달이나 되었는데요. 간혹 감으로 사용하는 부분(BuildContext나 WidgetsBinding 등)이 있거나, 렌더링 시점에 버그가 발생했을 때 인터넷에서 본 글을 따라 해결하는 경우가 있었는데요. 물론 일단 돌아가는 애플리케이션 개발은 가능했지만, 좀 더 자신감을 가지고 개발하고 싶고, Flutter 실력을 한 단계 더 끌어올리고 싶어서 Flutter가 어떻게 렌더링하는지 제대로 알아봤습니다. 그 결과를 정리해봤는데요. 비슷한 고민을 하는 분들에게 도움이 되길 바랍니다. 시작하며: 이 글의 범위먼저 이 글에서 이야기하는 "렌더링 방식"이 구체적으로 무엇을 가리키는지 말씀드리겠..

Flutter 2024.11.29

Dart 소스 코드 실행 구조 완벽 분석: Flutter에서 Dart VM까지

Dart 소스 코드 실행 구조 완벽 분석: Flutter에서 Dart VM까지배경우연히 React와 React Native에 대해 조금 조사를 할 기회가 있었는데, 그 과정에서 React Native와 Flutter의 차이점을 알아보게 되었습니다. 그러다 보니 "일상적으로 작성하는 Flutter/Dart 소스 코드가 iOS/Android와 같은 네이티브 플랫폼에서 실행되기까지 어떤 과정이 있는지"에 대해 관심이 생겨 관련 정보를 수집하게 되었는데요. 지금까지도 전체적인 이미지는 대충 가지고 있었지만, 구체적으로는 애매했기 때문에 이번에 다시 조사한 내용을 제 방식대로 정리해본 메모에 가까운 내용입니다. 동기는 Flutter였지만, 조사하면서 Dart와 Dart VM까지 파고들게 되었기 때문에 Flutte..

Flutter 2024.11.29

Flutter 엔지니어를 위한 아키텍처 입문 가이드: 효율적이고 확장 가능한 앱 설계 방법

Flutter 엔지니어를 위한 아키텍처 입문 가이드: 효율적이고 확장 가능한 앱 설계 방법2024년 11월 18일, Flutter의 공식 문서에서 Flutter의 설계에 관한 내용이 공개되었습니다. 이에 따라, Flutter의 설계 원칙을 보다 쉽게 이해할 수 있도록 내용을 정리하고, 직역이나 인공지능 번역으로는 이해하기 어려운 부분을 최대한 풀어 설명했습니다.처음에이번 가이드에서는 다음과 같은 내용을 배울 수 있습니다:아키텍처의 장점일반적인 아키텍처 원칙Flutter 팀이 추천하는 아키텍처MVVM과 상태 관리의존성 주입견고한 Flutter 애플리케이션을 만들기 위한 일반적인 디자인 패턴아키텍처의 장점우수한 아키텍처는 엔지니어와 사용자 모두에게 많은 이점을 제공합니다.유지보수성: 시간이 지나도 변경, 업..

Flutter 2024.11.24