Flutter & Mobile by Kay

Flutter 개발을 하다 보면 코드가 점점 이런 형태로 길어집니다.Scaffold( appBar: AppBar( title: Text('Home'), ), body: Column( children: [ Text('Hello'), ElevatedButton( onPressed: () {}, child: Text('Click'), ), ], ),) 처음에는 단순해 보이지만, 화면이 복잡해질수록 Scaffold, Column, Row, Container, Padding, Text, Button 같은 위젯들이 계속 중첩됩니다. 이때 현재 파일의 위젯 구조를 트리 형태로 보여주는 기능이 바로 Flutter Outline입니다.1. Flu..

Flutter로 앱을 개발하다 보면 가끔 이런 단어를 만나게 됩니다. dart:uiCanvasSkiaFlutter EngineRendering PipelineImpeller 평소에는 Widget, State, BuildContext, Riverpod, Navigator 같은 개념을 주로 다루기 때문에dart:ui나 Skia는 조금 낯설게 느껴질 수 있습니다. 하지만 Flutter의 화면이 실제로 어떻게 그려지는지 이해하려면 이 두 개념은 꽤 중요합니다.이번 글에서는 Flutter 초보 개발자도 이해할 수 있도록 dart:ui와 Skia 엔진의 관계를 쉽게 정리해보겠습니다.1. 먼저 Flutter는 화면을 직접 그리는 프레임워크입니다Flutter의 가장 큰 특징 중 하나는 플랫폼 기본 UI 컴포넌트에 의존..

Flutter를 처음 배우거나 실무에서 사용하다 보면 이런 생각이 자주 듭니다.“위젯은 알겠는데, BuildContext는 왜 계속 나올까?”“StatelessWidget과 StatefulWidget은 정확히 언제 나눠야 할까?”“Future, Stream, async, await는 대충 쓰는데 제대로 이해한 걸까?”“상태 관리는 Provider, Riverpod, Bloc 중 뭘 써야 하지?”Flutter는 단순히 화면을 그리는 프레임워크가 아닙니다.Dart 언어, 위젯 구조, 상태 관리, 비동기 처리, 생명주기, 네비게이션, 렌더링 구조까지 함께 이해해야 실무에서 안정적인 앱을 만들 수 있습니다. 이번 글에서는 플러터 개발자가 반드시 알아야 할 Flutter & Dart 핵심 개념을 초보자도 이해할 ..

1. RxJava란 무엇인가?앱을 개발하다 보면 이런 상황을 자주 만납니다.API 요청 → 응답 기다림버튼 클릭 → 이벤트 처리데이터 변경 → UI 업데이트이걸 전부 동기적으로 처리하면 앱이 멈춘 것처럼 보입니다.👉 그래서 등장한 것이 비동기 처리 그리고 그 비동기를 더 쉽게, 더 강력하게 다루는 라이브러리가 바로👉 RxJava (Reactive Extensions for Java) 입니다.2. 핵심 개념 한 줄 정리RxJava는 이렇게 이해하면 됩니다.👉 "데이터의 흐름을 스트림으로 보고, 변화가 생기면 자동으로 반응하는 구조"3. 초보자용 비유 (핵심)RxJava를 유튜브 구독 시스템으로 생각해보겠습니다.유튜버 → 데이터를 보내는 주체 (Observable)구독자 → 데이터를 받는 주체 (Obs..

📌 들어가며모바일 앱을 개발하려고 하면 가장 먼저 마주치는 고민이 있습니다.👉 “안드로이드 / iOS 따로 만들까?”👉 “한 번에 둘 다 만들 수 없을까?” 이 고민을 해결해주는 대표적인 기술이 바로 React Native입니다.오늘은 React Native를 처음 접하는 분도 이해할 수 있도록핵심 개념을 아주 쉽게 정리해보겠습니다.📌 React Native란?React Native는 하나의 코드로 안드로이드와 iOS 앱을 동시에 만드는 기술입니다.Facebook(현재 Meta Platforms)에서 개발JavaScript 기반React 문법 사용👉 쉽게 말하면“웹 개발 방식으로 모바일 앱을 만드는 기술”📌 구조 한눈에 보기핵심 구조React Native는 크게 3가지로 구성됩니다.JavaSc..

📌 들어가며모바일 앱 개발을 시작하려고 할 때 가장 많이 고민하는 선택지가 있습니다.👉 Flutter vs React Native 둘 다 “하나의 코드로 iOS + Android를 동시에 개발”할 수 있는 크로스플랫폼 기술이지만,내부 구조와 철학은 완전히 다릅니다. 이 글에서는✔ 공통점✔ 차이점✔ 실제 선택 기준까지 한 번에 정리해드립니다.✅ Flutter vs React Native 공통점두 기술은 겉으로 보면 꽤 비슷합니다.1. 크로스 플랫폼하나의 코드로 iOS / Android 동시에 개발 가능개발 속도 증가 + 유지보수 비용 감소👉 스타트업, MVP에 특히 유리2. Hot Reload 지원코드 수정 → 즉시 UI 반영개발 속도 체감이 매우 빠름👉 UI 작업할 때 압도적으로 편함3. UI 중..