AI

LLM, MCP, RAG, 바이브 코딩 실전 가이드.

바이브 코딩으로 만든 Flutter 앱에서 로딩, 빈 화면, 오류 상태를 명확하게 처리하는 방법을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 18화: 정상 작동만 확인하면 반드시 사고 납니다

바이브 코딩 실전 18화입니다. Flutter와 Supabase 기반 MyLog를 예제로 정상 상황뿐 아니라 Loading, Success, Empty, Error 상태를 구분해 처리하는 방법을 정리했습니다. 네트워크 오류, 중복 요청, 재시도, Session 만료, 사용자 메시지와 로그 분리, Empty State와 Error State 디자인, 실패 케이스 테스트와 UI State Rules까지 다룹니다.

BeanCon2026-08-26
바이브 코딩에서 로그인 이후 인증과 권한, Supabase RLS로 사용자별 데이터 접근을 제어하는 방법을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 17화: 로그인만 만들면 보안이 끝날까?

바이브 코딩 실전 17화입니다. 로그인 기능을 만들었다고 앱 보안이 끝난 것이 아니라는 점을 MyLog 예제로 정리했습니다. Authentication과 Authorization의 차이, Supabase RLS, 사용자별 데이터 접근, SELECT·INSERT·UPDATE·DELETE 권한, Role과 Permission, RBAC, GRANT와 RLS, 최소 권한 원칙, 사용자 두 명 테스트와 AI 권한 검증 방법까지 다룹니다.

BeanCon2026-08-26
바이브 코딩에서 Flutter 앱의 API Key와 환경변수, 비밀정보를 안전하게 관리하는 방법을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 16화: API Key를 코드에 넣으면 안 됩니다

바이브 코딩 실전 16화입니다. Flutter 앱을 만들며 등장하는 Supabase Key, API Key, Token 같은 민감한 값을 어떻게 다뤄야 하는지 정리했습니다. Publishable Key와 Secret Key의 차이, 모바일 앱에서 값을 완전히 숨길 수 없는 이유, .env, --dart-define, 환경별 설정 파일, .gitignore, Git 기록, AI 채팅에 Secret을 보내지 않는 원칙, 로그 관리와 프로젝트 규칙까지 다룹니다.

BeanCon2026-08-25
바이브 코딩으로 복잡해진 Flutter 앱 코드를 리팩터링하고 구조를 정리하는 과정을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 15화: AI가 만든 코드는 왜 점점 엉킬까?

바이브 코딩 실전 15화입니다. AI와 기능을 계속 추가하면서 코드가 복잡해지는 이유와 리팩터링을 언제, 어떻게 해야 하는지 정리했습니다. MyLog 프로젝트를 예제로 리팩터링 신호, 위험한 프롬프트, 작은 단위 리팩터링, 코드 구조 진단, 파일 분리, 오류 처리 정리, Git Commit, 테스트, Branch 활용, 기술 부채와 리팩터링 원칙까지 다룹니다.

BeanCon2026-08-25
바이브 코딩으로 만든 Flutter MyLog MVP를 실제 스마트폰에서 테스트하는 과정을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 14화: 드디어 실제 스마트폰에서 실행해봤습니다

바이브 코딩 실전 14화입니다. Flutter로 만든 MyLog MVP를 실제 Android 스마트폰과 iPhone에서 테스트하며 에뮬레이터와 실기기의 차이를 정리했습니다. 화면 크기, 키보드, 긴 입력값, 백그라운드 전환, 앱 재실행, 네트워크 끊김, 느린 네트워크, 로그인 세션, 연속 저장, 뒤로가기, 글자 크기, 성능과 버그 기록 방식까지 다룹니다.

BeanCon2026-08-24
바이브 코딩으로 Flutter 앱의 로컬 데이터를 Supabase 클라우드 데이터베이스와 API에 연결하는 과정을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 13화: 내 폰의 데이터를 클라우드로

바이브 코딩 실전 13화입니다. Flutter MyLog 앱의 로컬 데이터를 Supabase 클라우드 DB에 저장하는 구조를 정리했습니다. Postgres records 테이블, user_id 연결, Data API, Insert와 Select, Row Level Security, 권한 정책, 사용자별 데이터 격리, SQLite 데이터 이전, 네트워크 오류 처리와 사용자 두 명 테스트까지 다룹니다.

BeanCon2026-08-24
바이브 코딩으로 Flutter 앱에 Supabase Auth 기반 회원가입과 로그인을 구현하는 과정을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 12화: 회원가입과 로그인을 붙여보자

바이브 코딩 실전 12화입니다. Flutter MyLog 앱에 회원가입과 로그인 기능을 추가하며 인증을 AI에게 맡길 때 반드시 확인해야 할 보안 포인트를 정리했습니다. Supabase Auth, 이메일 회원가입, 로그인, 세션 유지, 로그아웃, API Key 구분, 비밀번호 저장 금지, 오류 메시지, 계정 삭제 계획, userId와 데이터 보안까지 다룹니다.

BeanCon2026-08-23
바이브 코딩으로 Flutter 앱 데이터를 SQLite 로컬 저장소에 저장하고 다시 불러오는 과정을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 11화: 앱을 껐다 켜도 데이터가 남게 하려면?

바이브 코딩 실전 11화입니다. 앱을 종료해도 데이터가 남도록 메모리와 로컬 저장소의 차이, SharedPreferences, 파일 저장, SQLite를 비교하고 MyLog 기록을 스마트폰에 실제로 저장하는 흐름을 정리했습니다. sqflite, path 패키지, Record 모델 직렬화, DB 테이블, async와 await, 로딩 상태, 앱 종료 테스트, 보안 주의사항까지 다룹니다.

BeanCon2026-08-23
바이브 코딩으로 Flutter 앱의 기록 입력, 저장, 목록, 상세 화면을 구현하는 과정을 설명하는 대표 이미지
AI · 바이브 코딩

바이브 코딩 실전 10화: 첫 화면을 만들어보자

바이브 코딩 실전 10화입니다. Flutter에서 MyLog의 첫 번째 실제 기능인 기록 목록, 작성, 상세 화면을 연결하고 앱 실행 중 입력 데이터를 저장해 다시 확인하는 흐름을 구현합니다. 데이터베이스나 상태관리 패키지 없이 List<Record>, Navigator, 입력 검증, 수동 테스트, flutter analyze, Git commit까지 작은 단계로 개발하고 검증하는 방법을 다룹니다.

BeanCon2026-08-21