withmilk 님의 블로그

Flutter 메신저 업그레이드: 메시지 버블, 시간, 닉네임 추가 방법 (코드 변경점 자세히 설명)

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

Flutter로 Firebase Realtime Database를 활용한 간단한 메신저 앱 만들기 (예제 코드 제공)

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

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

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

안녕하세요 😊지난 포스트에서 구글 개발자 계정 만들기와 결제 프로필, 이메일 인증까지 모두 끝냈어요!이제 마지막 단계만 남았습니다.Google Play Console에 접속해보면, 아직 개발자 계정 설정 완료 라는 영역이 보이고 있어요.구글은 안전하고 믿을 수 있는 개발자 인지 확인하기 위해 3가지 중요한 인증을 요구해요.본인 인증Android 기기 액세스 확인연락처 전화번호 인증이 과정을 마치면 여러분의 계정이 "활성화 완료" 되고, 세상에 앱을 공개할 수 있게 됩니다 🎉자, 이제 천천히 따라와 주세요!1. 본인 인증: "진짜 개발자 맞으신가요?"먼저 구글은 여러분이 실제 사람인지, 신뢰할 수 있는 개발자 인지 확인합니다!준비물인증번호를 받을 수 있는 휴대전화이름과 현재 주소가 표시된 서류 (90일..

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

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

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

안녕하세요 😀 Firebase Realtime Database(Firebase RTDB)를 사용할 때, 코딩보다 더 중요한 게 바로 데이터 구조 설계예요.앱을 만들다 보면 데이터를 어떻게 저장하고 불러올지 고민하게 되는데, 처음부터 구조를 잘 설계하지 않으면, 나중에 복잡해지고 느려지고… 아주 큰 후회를 하게 됩니다 😢 이번 글에서는 Firebase RTDB를 쓸 때 데이터를 어떻게 설계하면 좋은지, 초보자도 이해할 수 있도록 친절하게 알려드릴게요!Firebase RTDB를 사용하려고 docs 페이지에 들어가보면, 데이터베이스 구조화를 잘 해야한다고 설명하고 있는 것을 확인할 수 있어요. 저도 처음에 이 페이즈를 보았을 때 어떻게 해야하는지에 대해서 정확하게 잘 모르고 진행했었어요. 제가 RTDB를 ..

안녕하세요 😀 지난 포스트에서는 Firebase Realtime Database에서 CRUD 하는 방법을 설명했어요. 이번 편에서는 CRUD 심화편이에요. Realtime Database를 사용할 때 Create, Read, Update, Delete 하는 방법이 여러가지인데, 그 방법들을 모두 설명하면서 언제, 어떻게 써야하는지와 장단점을 비교해보려고 해요.Firebase Reference란? (CRUD 전에 꼭 알아야 할 개념!)Firebase Realtime Database에서 데이터를 저장하거나 읽으려면 "어디에 접근할 건지" 알려줘야 해요.그걸 알려주는 게 바로 Reference (레퍼런스)예요!레퍼런스는 데이터의 "주소"예요집에 가려면 주소가 필요하듯, 데이터에 가려면 레퍼런스(주소)가 필요..