withmilk 님의 블로그

개발을 하다 보면 “방금 텍스트 바꿨는데 왜 화면이 그대로지?” 같은 순간이 오죠.이때 많은 분이 빌드를 다시 돌리거나 앱을 껐다 켭니다. 하지만 Flutter에는 코드 변경을 빠르게 확인할 수 있는 Hot Reload와,앱을 깨끗하게 다시 시작하는 Hot Restart가 있어요. 두 기능을 상황에 맞게 쓰면,기다리는 시간은 줄이고 시도-확인의 반복 속도를 확 올릴 수 있습니다. 둘의 가장 큰 차이는 앱 상태를 유지하느냐예요. Hot Reload는 “지금 화면과 상태는 살려두고,변경한 코드만 주입해 위젯 트리를 다시 빌드”합니다.반대로 Hot Restart는 “앱을 다시 시작해서 초기 상태로 되돌린 뒤” 코드를 반영합니다.이 구분만 정확히 기억해도, ‘언제 바로 Reload로 충분한지’와 ‘언제 Rest..

초보가 Flutter 프로젝트를 처음 열면 폴더가 주르륵 보이면서 살짝 겁먹기 쉬워요.“lib? pubspec.yaml? android랑 ios 폴더는 왜 둘 다 있지?” 같은 생각이 들죠.하지만 구조만 이해하면 개발의 절반은 이미 시작한 거예요.어떤 파일에 코드를 작성하고, 어떤 파일에서 앱 이름·아이콘·패키지 의존성 같은설정을 바꾸는지 감이 잡히면, 이후 학습 속도가 확 올라갑니다. 이 글에서는 프로젝트를 구성하는 핵심 폴더와 파일이 어떤 역할을 하는지 큰 그림부터 차근차근 설명합니다.특히 실제 앱 코드가 모이는 lib/, 앱 설정과 패키지를 관리하는 pubspec.yaml,그리고 플랫폼별 설정을 담은 android/, ios/ 폴더를 중심으로 볼 거예요.초보자 눈높이에 맞춰 쉬운 비유와 예시를 섞어..

앱을 만들다 보면 “다음에 열었을 때도 기억해야 하는 값”들이 꼭 생겨요. 다크 모드 설정, 온보딩을 봤는지 여부, 최근에 본 아이템 목록처럼요. 이런 것들은 거창한 데이터베이스 없이도 빠르게 저장·읽기가 되면 충분합니다. Hive는 바로 그 목적에 맞게 설계된 가볍고 빠른 Flutter 로컬DB예요. 테이블이나 조인을 배우지 않아도 되고, 키-값으로 넣고 꺼내는 단순한 방식이라 진입 장벽이 아주 낮아요. 이번 글은 비전공자도 10분 안에 따라 할 수 있도록 정말 필요한 부분만 콕 집어 진행할게요. hive, hive_flutter를 설치한 뒤 앱 시작 시 한 번 초기화하고, Box를 열어 값 넣고(put) 꺼내고(get) 지우는(delete) 기본기, 변경을 감지해서 UI를 자동 갱신하는 watch 까..

앱 화면 이동(라우팅)이 처음엔 쉬워 보여도, 로그인 가드나 딥링크, 탭 구조까지 들어가면 금방 복잡해졌어요. 특히 Navigator 2.0은 강력하지만 개념이 많아서, 막상 구현하려면 손이 잘 안 나가죠. 그래서 실무에서 많이 쓰는 go_router를 중심으로 “필요한 개념만” 추려, 바로 복붙해서 돌아가는 예제 위주로 정리했어요. 이번 글은 비전공자나 초보 분들도 흐름을 이해할 수 있도록 쉬운 설명으로 시작해, 점점 수준을 올리며 실제 앱에서 바로 쓸 수 있는 구조로 완성해 볼 거예요.글의 진행은 ”왜 Navigator 2.0인가?”라는 배경을 아주 짧게 짚고 바로 실습으로 들어가요. 패키지 셋업부터 기본 이동/파라미터 전달, 인증 가드(redirect) 구조, 딥링크 처리와 URL 설계, Shell..

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

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