바이브 코딩 입문45 / 51
8장 앱의 구조: 프론트엔드·백엔드·API

데이터베이스 — 정보를 저장하고 꺼내는 곳

백엔드가 처리한 정보는 어딘가에 저장돼야 합니다. 사실 여러분이 웹사이트에서 보는 거의 모든 것 — 게시글 목록, 내 프로필, 장바구니 — 은 데이터베이스에 저장돼 있다가 꺼내온 것입니다.

데이터베이스(Database, DB)는 정보를 표(테이블) 형태로 차곡차곡 저장하는 창고입니다. 엑셀 표를 떠올리면 쉽습니다 — 가로 한 줄(행)이 데이터 한 건, 세로(열)가 이름·이메일 같은 항목이죠.

회원 테이블 (table)이름이메일가입일홍길동hong@example.com2026-01-05김영희kim@example.com2026-02-11이철수lee@example.com2026-03-20↑ 열(column) = 정보 항목 · 가로 한 줄(행/row) = 회원 한 명
정보는 ‘표(테이블)’에 저장된다 — 행(row) 하나가 한 건, 열(column)이 항목

그렇다면 웹사이트는 이 정보를 어떻게 화면에 보여줄까요? 게시판을 예로 들면:

  1. 사용자가 게시판 화면을 연다
  2. 프론트엔드가 백엔드에 “글 목록 줘”라고 요청한다
  3. 백엔드가 데이터베이스에서 글들을 꺼낸다(조회)
  4. 그 결과가 화면에 목록으로 보인다

즉 화면에 보이는 정보 = 데이터베이스에서 꺼내온 것입니다. 데이터베이스로 할 수 있는 일은 크게 네 가지입니다:

저장 (Create)

새 데이터를 넣는다 — 회원 가입, 새 글 작성

조회 (Read)

저장된 데이터를 꺼내 보여준다 — 목록·상세

수정 (Update)

기존 데이터를 바꾼다 — 프로필 편집

삭제 (Delete)

데이터를 지운다 — 글 삭제, 회원 탈퇴

그런데 프론트엔드는 이 데이터베이스에 직접 손대지 않습니다. 반드시 백엔드를 거치죠 — 그 사이를 잇는 창구가 바로 다음에 볼 API입니다.

핵심: 화면에 보이는 정보는 그때그때 새로 만들어지는 게 아니라, 데이터베이스에 저장된 것을 꺼내 보여주는 것입니다. 그래서 새로고침해도, 다른 기기로 접속해도 같은 정보가 보입니다.

목차