withmilk 님의 블로그

안녕하세요 😊 지난 글에서는 Firebase 프로젝트 만들기와 앱 등록 방법을 아주 자세히 배웠죠? 이제 그다음 단계로, Firebase Realtime Database(RTDB) 를 Flutter 앱에서 직접 사용해보는 시간이에요! 이번 글에서는 데이터를 만들고(Create), 읽고(Read), 수정하고(Update), 삭제(Delete) 하는 방법을 아주 쉽게 알려드릴게요. 아주아주 쉬운 예시와 함께, 프로그래밍 초보자분들도 “아~ 이거 이렇게 쓰는 거구나!” 하고 이해할 수 있도록 설명드릴게요 😊📌 Firebase Realtime Database란?먼저 간단히 RTDB가 뭔지부터 짚고 갈게요! Realtime Database는 이름 그대로 데이터를 실시간(Real-time) 으로 저장하고 불러..

안녕하세요 😊지난 글에서 Firebase Realtime Database, Firestore, Appwrite, Supabase를 비교하면서" 어떤 서비스를 언제 쓰면 좋은가요?"라는 주제를 쉽게 풀어봤었죠? 그 글을 보고 Firebase를 선택하는 많은 분들이 아래와 같은 질문이 있을 것 같아요.“Firebase가 좋아 보이긴 하는데… 처음엔 뭘 해야 하나요?”“앱에 어떻게 등록하는 건지 모르겠어요 😥”“초보자도 따라할 수 있게 단계별로 설명해주세요!” 그래서 오늘은 아주 기본적인 것부터 함께 시작해보려고 해요. 바로 “Firebase 프로젝트 만들기”와 “Flutter 앱 등록하기” 입니다! 이 단계는 앞으로 Firebase의 어떤 기능(Realtime Database, Firestore, Aut..

앱을 혼자 만들다 보면 "데이터 어디다 저장하지?"라는 고민이 꼭 생겨요. 기능은 잘 짰는데, 데이터를 저장하고 불러오는 것부터 막막하죠. 요즘은 서버 설치하고 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의 대표적인 장점들을, 예전 방식..

혹시 VSCode에서 코드 폰트 바꾸는 방법 찾고 계신가요? 프로그래밍을 할 때 가장 중요한 것 중 하나가 바로 개발 환경인데요. 특히 코드 편집기의 폰트는 가독성과 생산성에 큰 영향을 줘요. 개발할 때 가독성이 좋은 폰트를 쓰면 코드가 훨씬 깔끔하게 보이고, 눈의 피로도 줄일 수 있어요! 오늘은 맥북에서 Consolas(콘솔라스) 폰트를 VSCode에서 적용하는 방법을 아~주 쉽게 알려드릴게요!1. VSCode에서 폰트 변경이 중요한 이유코딩할 때 헷갈리는 문자 많잖아요? 예를 들어, 이런 거 구별 안 되면 코드 파악하는데 시간을 더 사용하게 될 수 밖에 없고, 같은 코드를 개발하거나 읽더라도 시간이 더 오래걸려요.1 (숫자 1) vs l (알파벳 L)O (알파벳 O) vs 0 (숫자 0Consolas..

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

MacBook에서 코딩을 시작하려면 프로그램이 필요해요! 그중에서 VSCode는 정말 좋은 선택이에요. 왜냐하면 가볍고 빠르면서도 강력한 기능이 많거든요. 지난 포스트에서는 VSCode가 왜 좋은지 설명했어요. 이번에는 MacBook에 VSCode를 설치하는 방법을 아주 쉽게 알려드릴게요.1. VSCode 다운로드하는 방법💡 VSCode 다운로드 링크VSCode는 공식 웹사이트에서 무료로 받을 수 있어요. 또는 google에서 "VSCode download" 라고 검색했을 때 나오는 사이트에서 똑같이 받을 수 있어요.💡 VSCode 다운로드하는 단계VSCode 공식 사이트에 들어가면 다음과 같은 페이지가 보여요. 화면에서 "Download for Mac" 버튼을 찾아 눌러주세요. 다운로드 버튼을 누르..

안녕하세요 여러분! 오늘은 제가 왜 항상 VSCode를 사용하는지, 그리고 VSCode가 다른 IDE와 비교했을 때 어떤 장점과 단점이 있는지 편하게 이야기해보려고 해요.VSCode가 뭐지?VSCode는 마이크로소프트에서 개발한 가볍고 빠른 코드 에디터에요. 다양한 프로그래밍 언어와 풍부한 확장 기능을 지원해, 개발자들이 자신만의 환경을 쉽게 구성할 수 있어요. 내장된 Git 연동과 디버깅 기능 덕분에 작업 효율이 크게 향상되고, 직관적인 인터페이스 덕분에 초보자부터 전문가까지 모두에게 인기 있는 도구랍니다.저는 React 개발을 하기 시작하면서 2020년도에 처음 VSCode를 사용해봤어요. 그 전에는 Java 개발을 위해서 Eclipse도 사용했었고, 삼성전자에서 앱을 개발할 때에는 Android S..

Flutter는 구글이 개발한 오픈소스 UI 툴킷으로, 단일 코드베이스로 모바일, 웹, 데스크탑 등 다양한 플랫폼에서 네이티브 앱 수준의 성능을 구현할 수 있는 개발 도구에요. 이 글에서는 Flutter의 개념부터 설치 및 개발 환경 설정까지, 초보자도 쉽게 따라할 수 있도록 단계별로 상세하게 알아볼게요.1. Flutter란 무엇일까요?Flutter는 Google이 만든 오픈소스 UI 툴킷이에요. 한 번의 코드 작성으로 모바일, 웹, 데스크탑 등 다양한 플랫폼의 앱을 만들 수 있는 크로스 플랫폼 솔루션인데요, 대표적인 특징은 핫 리로드(Hot Reload) 기능 덕분에 코드 수정 후 바로 결과를 확인할 수 있다는 점이에요. 또, Flutter는 Dart 언어를 사용해서 깔끔하고 배우기 쉬워요. 많은 분들..