withmilk 님의 블로그

지난 글에서는 StateProvider를 이용해 버튼을 눌러 숫자를 증가시키는 간단한 예제를 만들었어요.하지만 앱이 조금만 복잡해지면, StateProvider만으로는 부족한 경우가 생깁니다.데이터를 서버에서 불러와야 할 때실시간 데이터를 계속 받아야 할 때여러 상태를 하나로 묶어 관리하고 싶을 때이럴 때 등장하는 게 바로 FutureProvider, StreamProvider, NotifierProvider예요!이번 글에서는 이 세 가지를 왜 써야 하는지부터 어떻게 쓰는지까지 자세히 알려드릴게요 😊🔮 1. FutureProvider – 비동기 데이터를 다룰 때왜 필요한가요?StateProvider는 정적인 값만 다룰 수 있어요.하지만 서버에서 데이터를 불러오거나, 파일을 읽는 등의 비동기 작업은 F..

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

iOS 앱을 개발하다 보면, 사용자에게 권한을 요청하는 메시지를 보여주는 일이 많아요.예를 들어, "이 앱은 카메라를 사용하려면 권한이 필요합니다" 같은 문장이죠.그런데! 앱을 다국어로 만들고 싶은데 이 메시지가 고정된 언어로만 나와서 곤란했던 적 있지 않으신가요? 오늘은 그런 문제를 해결해주는 방법! 바로 InfoPlist.strings 파일을 활용해Info.plist 메시지를 다국어로 번역하는 방법에 대해 알아볼게요 🙌✅ 이 글에서 배울 내용iOS에서 권한 메시지를 번역해야 하는 이유InfoPlist.strings 파일이 뭔지 이해하기각 언어별 번역 파일 만드는 방법Flutter 프로젝트에 적용하는 실전 팁번역이 안 되는 경우 해결법까지!🤔 왜 Info.plist를 번역해야 할까?iOS에서는 위치..

Flutter로 앱을 만들다 보면 꼭 필요한 기능이 있어요. 바로 사용자에게 권한(permission)을 요청하는 기능인데요. 예를 들어 위치를 가져오거나, 카메라를 켜거나, 마이크를 사용할 때 꼭 권한을 먼저 받아야 해요. 이때 사용하는 게 바로 permission_handler 패키지예요! ✅ 이 글에서 배울 내용permission_handler 설치 방법안드로이드와 iOS 설정권한 요청 및 상태 확인 코드실전 예제: 카메라 권한 요청자주 묻는 질문(FAQ)📦 permission_handler 설치 방법pubspec.yaml에 패키지 추가최신 버전 확인은 pub.dev/permission_handler에서!터미널에서 다음 명령어로 설치를 마무리해 주세요.flutter pub get혹은 VS Code..

지난 글에서는 사용자가 선택한 이미지를 로컬에 저장하고,SharedPreferences를 통해 경로를 기억하는 방식으로 프로필 이미지를 처리했어요. 이 방식은 간단하고 빠르지만, 실제 서비스 환경에서는 치명적인 문제가 있었죠. 🥲로컬 이미지 경로는 내 기기에서만 유효하고, 임시 저장소이기 때문에 앱 재실행 후 이미지가 사라질 수도 있었어요. 이제 이런 문제를 완전히 해결할 차례입니다.이번 글에서는 Firebase Storage를 활용해 이미지를 클라우드에 저장하고,모든 사용자 기기에서 안정적으로 이미지를 불러오는 방법을 알아보겠습니다.✅ 우리가 만들 기능 요약사용자가 선택한 프로필 이미지를 Firebase Storage에 업로드업로드 후 생성되는 이미지 URL을 SharedPreferences와 Fir..

이전 글까지 Flutter로 만든 메신저 앱, 잘 작동하긴 하지만 뭔가 부족하지 않으셨나요?오늘은 메신저 앱에 닉네임 설정과 프로필 이미지 표시 기능을 추가해 보면서,좀 더 사용자다운 느낌, 그리고 예쁜 인터페이스를 만드는 법을 알아보겠습니다!이 글은 초보자도 쉽게 따라 할 수 있도록 하나하나 순서대로,그리고 코드 예제까지 포함해서 설명할게요. 😉📌 오늘 목표요약사용자가 앱 처음 실행할 때 닉네임과 프로필 이미지를 설정할 수 있어요.메시지를 보낼 때 닉네임과 이미지도 함께 저장돼요.메시지 목록에서 닉네임과 프로필 이미지가 함께 보여요.🧰 사용 기술 요약Firebase Realtime Database : 메시지 저장용SharedPreferences : 닉네임, 이미지 경로를 로컬에 저장함ImagePi..

Flutter와 Firebase로 간단한 메신저 앱을 만들었다면, 이제 진짜 메신저처럼 멋지게 업그레이드해볼 차례입니다!이번 글에서는 메시지 버블, 닉네임 표시, 보낸 시간 표시, 내 메시지와 다른 사람 메시지 구분까지,코드를 어떻게 변경했는지 하나하나 자세히 알려드릴게요.🧩 Flutter 메신저 업그레이드에서 변경된 부분메시지를 보낼 때 닉네임과 시간도 함께 저장메시지를 시간순으로 정렬해서 보여주기내 메시지는 오른쪽, 다른 사람 메시지는 왼쪽 정렬메시지를 버블 디자인으로 예쁘게 꾸미기닉네임과 보낸 시간도 화면에 표시하기업그레이드된 메신저 예제 코드//chat_screen.dartimport 'package:flutter/material.dart';import 'package:firebase_datab..

Flutter와 Firebase를 이용하면 멋진 메신저 앱을 아주 쉽게 만들 수 있어요!Firebase의 Realtime DB는 실시간 업데이트 기능을 제공하기 때문에 메신저의 기능을 엄청 쉽게 구현할 수 있어요.같이 따라하면서 만들어 봐요.🛠️ 준비물: Flutter와 Firebase 연결하기Flutter는 앱을 쉽게 만들 수 있게 도와주는 도구예요. 그리고 Firebase는 데이터를 저장하거나, 메시지를 빠르게 주고받게 해주는 마법 같은 도구예요. 메신저를 만들려면 둘 다 필요해요!먼저, 컴퓨터에 Flutter가 설치되어 있어야 해요. 그리고 새로운 Flutter 프로젝트를 만들어야 해요. 다음으로 Firebase 홈페이지에 가서 새 프로젝트를 만들어요. 그런 다음, Flutter 앱과 Fireba..

개발자는 어떤 사람일까요?개발자는 컴퓨터한테 일 시키는 방법을 아는 사람이에요. 우리가 쓰는 앱이나 웹사이트, 게임 같은 건 다 개발자들이 만든 거예요.컴퓨터는 사람 말을 못 알아듣기 때문에, 개발자는 프로그래밍 언어라는 특별한 말을 써서 컴퓨터에게 "이거 해줘!"라고 말해요.이 언어는 우리가 쓰는 한국어나 영어랑은 다르게, 아주 정해진 방식으로 써야 해서 처음에는 조금 낯설 수 있어요.하지만 겁먹지 마세요! 프로그래밍 언어도 하나의 언어니까, 하나씩 차근차근 배우면 누구나 할 수 있어요.📱 앱 개발자: 스마트폰 앱을 만들어요. 예를 들어, 유튜브나 배달의민족 같은 앱들이죠.🌐 웹 개발자: 웹사이트를 만들어요. 블로그나 쇼핑몰 같은 사이트도 개발자가 만들어요.🎮 게임 개발자: 게임 속 세계를 만들고..

안녕하세요! 혼자서 앱을 만들고 싶은 분들을 위한 초간단 가이드를 준비했어요.아직 컴퓨터나 프로그래밍에 익숙하지 않아도 괜찮아요.지금부터 하나씩 차근차근 알려드릴게요 😊📌 1. 1인 개발자란 누구인가요?1인 개발자는 혼자서 앱이나 웹사이트를 만들고 관리하는 사람이에요.디자인, 코딩, 마케팅까지 혼자서 다 해야 하니 슈퍼맨 같은 존재죠!🧠 2. 먼저 배워야 할 가장 중요한 기술은?✅ 프로그래밍 언어앱을 만들려면 컴퓨터에게 "이렇게 해줘!" 라고 말하는 방법을 배워야 해요.그게 바로 프로그래밍 언어예요.모바일 앱을 만들고 싶다면? 👉 Flutter(플러터) 추천!웹사이트를 만들고 싶다면? 👉 HTML / CSS / JavaScript 부터 시작해요.✅ Flutter란?구글에서 만든 툴이에요.한 번 ..