🗄️ 레슨
Supabase — 진짜 DB 빌려쓰기
① 오늘의 미션
진짜 데이터베이스가 필요해졌어요
'우리동네 반찬가게'가 잘돼서 상품도 수십 개, 주문도 쏟아져요. 구글 시트로는 슬슬 벅차고, 회원·상품·주문을 연결해 관리하고 싶어졌죠.이제 진짜 데이터베이스가 필요해요. 그런데 서버를 직접 차릴 순 없죠. 오늘은 Supabase — 클라우드에서 DB를 빌려쓰기. 말로 테이블을 설계하고, 데이터를 직접 넣어봅니다.
설명을 따라 진행하면, 여기서 직접 쳐보게 돼요 👇
$ _
📚 「Supabase — 진짜 DB 빌려쓰기」 레슨 내용 전체 텍스트로 훑어보기
진짜 데이터베이스가 필요해졌어요
'우리동네 반찬가게'가 잘돼서 상품도 수십 개, 주문도 쏟아져요. 구글 시트로는 슬슬 벅차고, 회원·상품·주문을 연결해 관리하고 싶어졌죠.이제 진짜 데이터베이스가 필요해요. 그런데 서버를 직접 차릴 순 없죠. 오늘은 Supabase — 클라우드에서 DB를 빌려쓰기. 말로 테이블을 설계하고, 데이터를 직접 넣어봅니다.
DB를 빌려서 쓴다는 개념을 떠올려 보세요.
맞아요.
Supabase는 인터넷에서 빌려 쓰는 진짜 데이터베이스예요. 서버 관리 없이 상품·주문·회원 표(테이블)를 만들고 데이터를 쌓을 수 있죠. 👇우리동네 반찬가게 데이터 저장소로 두 가지를 나란히 보세요.
📊 구글 시트: 익숙하고 쉬워요. 적은 주문·간단한 목록에 딱.
관계가 얽히면 느려지고 지저분해져요.
관계가 얽히면 느려지고 지저분해져요.
🐘 Supabase: 진짜 관계형 DB(PostgreSQL)예요. 많은 상품·주문, 회원-주문 관계, 로그인·권한 관리까지.
반찬가게가 커져도 버텨요.
반찬가게가 커져도 버텨요.
내가 직접 안 만들고 '빌려서 등에 업는다'는 느낌이에요.
맞아요. 이런 걸 BaaS(Backend as a Service)라고 해요. DB·로그인·API 같은 '뒤편(백엔드)'을 통째로 빌려줘서, 우리는 우리동네 반찬가게 화면에 집중할 수 있죠.
DB의 첫걸음은 표(테이블) 설계예요. Claude에게 상품을 담을 테이블을 말로 만들어달라고 해요.
Supabase에 상품 테이블 만들어줘 (이름·가격·재고) — 상품 테이블을 만들어달라고 부탁해요 (Claude와 대화)빈 상품 표가 생겼어요. 이제 여기에 진짜 반찬 데이터를 넣어볼까요?
Claude에게 포기김치 19000원 재고 50개 상품 추가해줘 라고 말하려 해요.
무슨 일이 일어날까요?
맞아요. Claude가 Supabase의 products 표에 실제 데이터 한 줄(레코드)을 INSERT해요. 자동으로 번호(id)도 붙죠. 직접 넣어볼까요? 👇
첫 상품을 말로 넣어봐요. DB에 데이터를 넣는 걸 레코드 추가(INSERT)라고 해요.
포기김치 19000원 재고 50개 상품 추가해줘 — 포기김치를 상품 표에 추가해요 (Claude와 대화)진짜 DB에 첫 반찬이 들어갔어요.
id=1이 자동으로 붙은 게 보이죠? DB가 알아서 번호를 매겨줘요.DB 용어를 익혀봐요. 상품 표에서 'name·price·stock'처럼 세로 칸 하나하나를 뭐라 부를까요?
맞아요! 세로 칸=컬럼(열), 가로 한 줄=레코드(행). 포기김치 한 줄이 하나의 레코드, 그 안의 가격 칸이 price 컬럼이에요.
넣은 데이터를 다시 꺼내봐요. DB에서 데이터를 읽어오는 걸 조회(SELECT)라고 해요.
지금 등록된 상품 다 보여줘 — 지금까지 등록된 상품을 모두 보여달라고 해요 (Claude와 대화)방금 넣은 포기김치가 그대로 나와요. 넣고(INSERT) → 꺼내고(SELECT) — 이게 DB의 기본 호흡이에요.
Supabase로 데이터를 다루는 흐름을 순서대로 맞춰보세요. (↑↓로 정렬)
정확해요! 테이블 설계 → 컬럼 정의 → 데이터 추가 → 조회. 이 흐름 위에서 반찬가게의 모든 데이터가 돌아가요.
C는 했어요(Create). R·U·D와 '관계'가 남았죠.
맞아요. 데이터 작업은 결국 CRUD 네 가지로 정리되고, 회원·상품·주문은 관계(relation)로 엮여요. 다음 레슨에서 그걸 손으로 해봐요.
한 줄로
Supabase는 빌려 쓰는 진짜 DB예요. 서버 관리 없이 우리동네 반찬가게의 PostgreSQL 데이터베이스 + 회원 로그인 + API를 통째로 얻죠.다음 레슨에서
오늘 Supabase에 연결하며 API 키 같은 비밀값이 생겼죠? 그거 코드에 그냥 적으면 큰일 나요. 다음 레슨은 환경변수·보안 — 비밀은 분리해서. 비밀값을 안전하게 다루는 법이에요. 🌱