데이터베이스 (Database)
데이터를 체계적으로 저장하고, 필요할 때 빠르게 찾아 쓸 수 있도록 정리해주는 디지털 저장소입니다.
🤔 혹시 이런 경험 있나요?
AI에게 "회원가입 기능 만들어줘"라고 했더니 Supabase, Firebase, Neon 같은 서비스를 연결하라고 합니다. 또는 "데이터베이스 스키마를 설정하세요"라는 안내가 나옵니다. 대체 데이터베이스가 뭐고, 왜 앱을 만들 때마다 필요한 걸까요?
🗄️ 엑셀 스프레드시트의 진화판
가장 쉽게 이해하는 방법은 엑셀 스프레드시트를 떠올리는 것입니다.
엑셀에서 고객 명단을 관리한다고 생각해보세요. 이름, 이메일, 가입일을 열(Column)로 만들고, 한 명씩 행(Row)으로 추가합니다. 데이터베이스도 기본적으로 이와 같은 구조입니다. 다만 엑셀과 다른 점이 있습니다.
- 동시 접속: 수천 명이 동시에 읽고 쓸 수 있습니다.
- 속도: 수백만 건의 데이터에서도 원하는 정보를 빠르게 찾습니다.
- 안정성: 컴퓨터가 꺼져도 데이터가 사라지지 않습니다.
- 규칙 설정: "이메일은 반드시 입력해야 합니다" 같은 제약 조건을 걸 수 있습니다.
📊 SQL vs NoSQL: 두 가지 종류
데이터베이스는 크게 두 가지 종류가 있습니다.
SQL 데이터베이스 (관계형)
엑셀처럼 표(테이블) 형태로 데이터를 저장합니다. 데이터 간의 관계를 정의할 수 있어서 "관계형 데이터베이스"라고 부릅니다.
-- users 테이블
| id | name | email |
|----|--------|--------------------|
| 1 | 홍길동 | hong@example.com |
| 2 | 김철수 | kim@example.com |
-- posts 테이블 (user_id로 users와 연결)
| id | title | user_id |
|----|-------------|---------|
| 1 | 첫 번째 글 | 1 |
| 2 | 두 번째 글 | 1 |"홍길동이 쓴 글 목록"을 찾으려면 user_id = 1인 게시글을 조회하면 됩니다. 대표적인 서비스로 PostgreSQL, MySQL, Supabase, Neon 등이 있습니다.
NoSQL 데이터베이스 (비관계형)
표 대신 JSON과 비슷한 문서(Document) 형태로 데이터를 저장합니다. 구조가 자유로워서 유연하게 사용할 수 있습니다.
{
"name": "홍길동",
"email": "hong@example.com",
"posts": [
{ "title": "첫 번째 글" },
{ "title": "두 번째 글" }
]
}대표적인 서비스로 Firebase, MongoDB 등이 있습니다. 바이브코딩 프로젝트에서는 빠르게 프로토타입을 만들 때 NoSQL을 많이 사용합니다.
🧱 스키마: 데이터의 설계도
스키마(Schema)는 데이터가 어떤 구조로 저장될지 미리 정해놓은 설계도입니다. 집을 짓기 전에 도면을 그리는 것과 같습니다.
users 테이블 스키마:
- id: 숫자 (자동 생성, 고유값)
- name: 문자열 (필수)
- email: 문자열 (필수, 고유값)
- created_at: 날짜 (자동 생성)AI에게 "유저 테이블 만들어줘"라고 하면 이런 스키마를 자동으로 생성해줍니다. 스키마를 잘 설계하면 나중에 데이터가 꼬이는 문제를 예방할 수 있습니다.
🛠️ 바이브코딩에서 자주 만나는 DB 서비스
| 서비스 | 특징 | 적합한 경우 |
|---|---|---|
| Supabase | PostgreSQL 기반, 인증 기능 내장 | 풀스택 앱, 회원 관리 |
| Neon | PostgreSQL, 서버리스 | 가볍고 빠른 프로젝트 |
| Firebase | NoSQL, 실시간 동기화 | 채팅, 실시간 앱 |
| PlanetScale | MySQL 기반, 자동 확장 | 대규모 서비스 |
AI에게 프로젝트를 요청하면 보통 이 중 하나를 추천합니다. 초보자라면 Supabase가 가장 시작하기 쉽습니다. 대시보드에서 테이블을 직접 만들고, 데이터를 눈으로 확인할 수 있기 때문입니다.
⚠️ 바이브코딩할 때 흔한 DB 실수
1. 데이터베이스 연결 정보를 코드에 직접 넣는 실수
데이터베이스 URL, 비밀번호 같은 정보는 반드시 환경 변수(.env)에 저장해야 합니다. GitHub에 올리면 누구나 여러분의 데이터베이스에 접근할 수 있습니다.
2. 백업 없이 데이터를 삭제하는 실수
AI에게 "테이블 다시 만들어줘"라고 했다가 기존 데이터가 모두 사라질 수 있습니다. 변경 전에 항상 "기존 데이터는 유지하면서"라고 명시하세요.
3. 스키마 설계를 건너뛰는 실수
빨리 만들고 싶은 마음에 스키마 설계 없이 시작하면, 나중에 데이터 구조를 바꿔야 할 때 훨씬 복잡해집니다. AI에게 먼저 "이 앱에 필요한 데이터베이스 스키마를 설계해줘"라고 요청하는 것이 좋습니다.
📋 30초 요약
-
데이터베이스는 앱의 데이터를 저장하는 디지털 저장소입니다. 엑셀과 비슷하지만, 수천 명이 동시에 사용할 수 있고 훨씬 빠릅니다.
-
SQL(표 형태)과 NoSQL(문서 형태) 두 종류가 있으며, 바이브코딩에서는 Supabase, Firebase 같은 클라우드 서비스를 주로 사용합니다.
-
스키마(데이터 설계도)를 먼저 설계하고, 연결 정보는 환경 변수에 보관하세요. AI에게 요청할 때도 스키마 설계부터 시작하는 것이 좋습니다.
바이브코딩으로 회원가입 기능이 있는 웹 앱을 만들려고 합니다. AI가 Supabase를 추천했는데, Supabase에서 '사용자 정보를 어떤 구조로 저장할지 미리 정의한 것'을 무엇이라고 할까요?
연관 개념
훅 (Hooks) 알아보기
Claude Code가 특정 행동을 하기 전·후에 자동으로 실행되는 명령입니다. 파일 수정 직후 자동 포맷, 커밋 직전 lint 실행 같은 자동 검사·자동 작업을 만들 때 씁니다.
서브에이전트 (Subagents) 알아보기
한 작업의 부분을 따로 나눠 처리하는 보조 에이전트입니다. 주력 에이전트가 작업 전체를 조율하고, 서브에이전트들이 코드 검토, 자료 조사, 테스트 작성 같은 부분 작업을 동시에 처리해 결과를 합칩니다.
Plan Mode (실행 전 검토 단계) 활용하기
Claude Code가 실제로 파일을 수정하기 전에 무엇을 어떻게 바꿀지 계획만 먼저 보여주는 모드입니다. 사용자가 계획을 검토·승인한 뒤에야 실제 변경이 진행됩니다.
관련 인사이트
쉽게 설치하는 코덱스(Codex) CLI 세팅가이드(맥)
맥(Mac)에 OpenAI 코덱스 CLI(Codex CLI)를 처음 설치하는 분을 위해, 터미널 실행부터 Homebrew·Node.js 사전 준비, 본체 설치, ChatGPT 로그인, GPT-5.5 모델 선택까지 단순하게 정리했습니다. 클로드 코드(Claude Code)와의 차이도 마지막에 짧게 짚었습니다.
쉽게 설치하는 코덱스(Codex) CLI 세팅가이드(윈도우)
윈도우 PC에 OpenAI 코덱스 CLI(Codex CLI)를 처음 설치하는 분을 위해, PowerShell 관리자 모드부터 Node.js 준비, 본체 설치, ChatGPT 로그인, GPT-5.5 모델 선택까지 단순하게 정리했습니다. 클로드 코드(Claude Code)와의 차이도 마지막에 짧게 짚었습니다.
쉽게 설치하는 클로드코드 세팅가이드(맥)
맥(Mac)에 클로드 코드(Claude Code)를 처음 설치하는 분을 위해, 터미널 실행부터 Homebrew·Git·Node.js 사전 준비, 본체 설치, 한국어 설정, 첫 작업 시작까지 9단계로 단순하게 정리했습니다.
