withmilk 님의 블로그

Flutter를 처음 접하면 가장 먼저 마주치는 개념이 바로 위젯이에요. Flutter는 모든 것이 위젯이라고 할 만큼 위젯 중심으로 앱을 만들게 되어있어요. 버튼, 텍스트, 이미지뿐만 아니라 화면 전체도 위젯으로 이루어져 있답니다.처음에는 “위젯이 뭘까?” 하고 막막했는데, 직접 사용해보니 위젯을 이해하면 앱 개발이 훨씬 재미있어지더라고요. 이번 글에서는 Flutter의 위젯 시스템을 제대로 이해할 수 있도록 StatelessWidget과 StatefulWidget의 차이, 그리고 커스텀 위젯 만드는 방법까지 정리해봤어요.📌 위젯이란 무엇인가요?Flutter에서 앱 화면을 구성하는 모든 요소가 위젯이에요.버튼, 이미지, 리스트, 심지어 앱바, 전체 화면까지 전부 위젯으로 만들어져 있어요.위젯은 계층 ..

📝 들어가며앱 개발에 관심이 있으신 분들이라면 “어떤 언어로 앱을 만들어야 할까?”라는 고민을 많이 하셨을 것 같아요. Flutter로 앱을 만들 때 사용하는 언어는 바로 Dart인데요. “Dart가 뭐지? 왜 꼭 Dart를 써야 하지?”라고 궁금해하시는 분들도 많으시더라고요. 이번 글에서는 Dart 언어의 특징과 함께, JavaScript, Java, Swift와 비교했을 때 어떤 점이 좋은지 자세히 알려드리려고 해요.Flutter로 앱을 만들면서 Dart를 사용해본 경험을 토대로, 장단점과 함께 왜 Dart가 앱 개발에 적합한지 살펴봤어요.1. Dart 언어의 특징부터 살펴볼게요Dart는 구글에서 만든 언어로, 모바일, 웹, 데스크톱 앱까지 한 번에 개발할 수 있는 멀티 플랫폼 언어예요.싱글 스레드..

지난 글에서 Riverpod의 FutureProvider, StreamProvider, 그리고 NotifierProvider를 활용해 상태 관리를 어떻게 더 쉽게 할 수 있는지 소개해봤어요. 각각의 Provider가 앱의 데이터 흐름과 상태를 얼마나 깔끔하게 관리해주는지 살펴보면서 Riverpod의 강력함을 느꼈을 거예요.오늘은 그 흐름을 이어서, Firestore 데이터와 Riverpod을 결합해서 앱의 데이터 흐름을 더욱 강력하게 만드는 방법을 보여드리려고 해요. 특히 Firestore 데이터를 가져오는 get 방식과 실시간으로 반영되는 stream 방식을 Riverpod으로 어떻게 관리하면 좋을지, 예제 코드와 함께 자세히 알려드릴게요.Firestore 데이터를 Riverpod으로 관리하면 앱이 더..

Flutter로 앱을 만들다 보면 꼭 마주하게 되는 문제가 있어요.바로 "상태 관리(State Management)"예요.버튼을 눌렀을 때 숫자가 바뀌거나, 로그인한 사용자 정보가 바뀌었을 때그걸 앱 화면에 반영하려면 상태를 잘 관리해야 하거든요.이걸 제대로 못하면…버튼 눌렀는데 값이 안 바뀌고, 다른 화면에서도 이상한 데이터가 보이고…앱이 고장난 것처럼 보이겠죠? 😰그래서 오늘은 Flutter에서 상태를 아주 깔끔하게 관리할 수 있게 도와주는강력한 친구, 바로 riverpod을 소개해드릴게요!✅ 상태 관리는 왜 필요한 걸까?앱 안에는 버튼 클릭 횟수, 로그인 여부, 장바구니 같은 "상태"들이 있어요.이런 값들은 사용자 행동에 따라 계속 바뀌어요.바뀐 값을 화면에 보여주려면 상태를 추적하고, 변화에 반..

안녕하세요 😊오늘은 구글 플레이스토어에 개발자 계정 등록하는 방법을 아주 쉽게 알려드릴 거예요.혹시 앱을 만들었는데 세상에 내 앱을 공개하고 싶으신가요?그럼 이 글을 꼭 끝까지 봐주세요!앱을 올리려면 구글 개발자 계정이 필요해요.이걸 만들면, 여러분이 만든 앱을 전 세계 사람들에게 보여줄 수 있답니다.지금부터 아주 천천히, 하나하나 친절하게 설명드릴게요!1. 구글 개발자 계정이 뭐예요?구글 개발자 계정은, 여러분이 만든 앱을 구글 플레이스토어에 올릴 수 있게 도와주는 계정이에요.이 계정이 있어야 여러분이 만든 앱을 다른 사람들이 다운로드할 수 있어요.왜 필요할까요?앱을 전 세계에 공개할 수 있어요!앱 업데이트도 할 수 있어요.앱 수익화 (예: 광고, 유료 판매) 도 가능해요.쉽게 말해서, 여러분이 만든..

안녕하세요! 👋오늘은 정말 저도 많이 궁금했고, 많이 받는 질문 하나를 풀어보려고 해요."혼자 앱 개발하려면 Flutter가 좋아요? 아니면 React Native가 나아요?" 특히 1인 개발자, 사이드 프로젝트 하시는 분들이라면 꼭 고민하는 문제죠.오늘 이 글을 끝까지 보시면, 그 고민이 아주 깔끔하게 해결되실 거예요!1. 왜 크로스플랫폼 개발이 필요할까?앱을 만들 때 가장 먼저 마주치는 고민이 바로 이겁니다."아이폰이랑 안드로이드, 둘 다 만들려면 어떻게 하지?"원래대로라면 iOS 앱은 Swift로, Android 앱은 Kotlin으로 각각 따로 개발해야 해요.하지만 그렇게 하면 시간, 비용, 관리까지 2배 이상 들어갑니다.혼자서 개발한다면 부담이 정말 클 수밖에 없어요.그래서 등장한 게 크로스플랫..

안녕하세요!사이드 프로젝트나 창업을 준비하면서 "앱을 만들고 싶은데, 코드를 얼마나 써야 할까?" 고민해보신 적 있으시죠?최근 몇 년 사이 노코드(No-code), 로우코드(Low-code) 도구들이 크게 인기를 끌면서, 개발자의 영역이 점점 더 넓어지고 있습니다.오늘은 노코드 / 로우코드 툴의 특징과 한계, 그리고 Flutter + Firebase 조합이 왜 1인 개발자에게 더 나은 선택이 될 수 있는지 자세히 소개해 드릴게요.🧩 노코드 / 로우코드란 무엇인가?노코드 (No-code)노코드는 말 그대로 "코딩이 전혀 필요 없는" 개발 도구입니다.마치 블록을 조립하듯, 클릭 몇 번으로 앱이나 웹사이트를 만들 수 있습니다.디자인, 데이터베이스, 사용자 인증까지 비주얼 에디터로 처리할 수 있죠.예시: Gl..

앱을 혼자 만들다 보면 "데이터 어디다 저장하지?"라는 고민이 꼭 생겨요. 기능은 잘 짰는데, 데이터를 저장하고 불러오는 것부터 막막하죠. 요즘은 서버 설치하고 DB 세팅하고 이런 거 다 안 해도 돼요. 이전 글에서 설명한 것처럼 클라우드 기반 데이터베이스(Cloud DB) 덕분에 말 그대로 "서버 없이 앱 개발"도 가능해졌거든요!Firebase만 있는 줄 알았던 시절은 끝났습니다. 요즘은 Supabase, PocketBase, Appwrite 같은 쓸만한 대안도 많아요. 그래서 오늘은 혼자 개발하는 분들께 도움 될만한 클라우드 DB 5가지를 비교해드릴게요!☁️ 먼저, 어떤 DB들이 있는지 간단히 소개할게요!1. Firebase Realtime Database (RTDB)Google이 만든 Firebas..

☁️ 클라우드 DB란?앱이나 웹 서비스를 만들 때, 데이터를 저장하고 관리하는 데이터베이스(Database)는 필수예요. 예전에는 데이터베이스를 직접 설치하고 서버를 구성해야 했지만, 지금은 클라우드 기반 데이터베이스(Cloud Database)를 쓰면 훨씬 더 빠르고 쉽게 개발할 수 있어요. 클라우드 DB는 말 그대로 클라우드 환경에서 제공되는 데이터베이스 서비스(DBaaS, Database as a Service)예요.서버를 직접 설치할 필요 없이, API나 SDK를 통해 바로 데이터를 저장하고 관리할 수 있어요.✅ 클라우드 DB의 주요 장점요즘은 다들 "클라우드 DB가 편하다", "서버리스가 대세다"라고들 하지만…도대체 뭐가 그렇게 좋은 걸까요?여기서는 클라우드 DB의 대표적인 장점들을, 예전 방식..

Flutter로 앱을 개발할 때 VSCode(Visual Studio Code) 를 사용하면 가볍고 강력한 기능을 활용할 수 있어요. 하지만, 기본적인 기능만으로는 개발이 불편할 수 있기 때문에 꼭 설치해야 할 확장 프로그램(Extensions)이 있는데요. 이 글에서는 Flutter 앱을 개발할 때 반드시 설치해야 할 VSCode 필수 확장 프로그램을 소개하고, 각각의 기능과 사용법을 쉽게 설명해 드릴게요!1. Flutter & Dart ExtensionFlutter 개발한다면 이건 그냥 무조건 필수입니다! 이 확장 프로그램만 있으면 프로젝트 생성부터 실행, 디버깅까지 한 방에 해결돼요.🔹 주요 기능Flutter Doctor 실행으로 환경 체크코드 자동 완성(Auto-completion) 지원UI 미..