코딩 몰라도 됩니다. AI한테 시키면 3분 만에 '데이터베이스' 만들어줍니다 (feat. Supabase, Node.js): 코딩 몰라도 나만의 포트폴리오 만들기

Fri, 22 May 2026 06:29:00 +0000

안녕하세요! 코딩 몰라도 만드는 나만의 포트폴리오, 바이브랩스입니다.

벌써 [나만의 포트폴리오 홈페이지 만들기] 시리즈의 다섯 번째 시간이네요. 이번 영상은 단순히 코드를 따라 치는 '바이브 코딩'이 아닌, AI를 활용해서 압도적인 생산성을 만들어내는 '바이브 워킹(Vibe Working)'을 보여드립니다.

홈페이지를 만들 때 가장 많이 하는 오해가 있습니다. "그냥 글이랑 사진 박아 넣으면 되는 거 아냐?" 하지만 수정할 때마다 코드를 뜯어고칠 수는 없죠. 우리에게는 인스타그램처럼 사진과 글을 저장해 줄 튼튼한 '디지털 창고(Database)'와 그 창고를 돌려줄 '엔진(Node.js)'이 필요합니다.

📌 이번 영상의 핵심 포인트

Supabase(슈파베이스):
개발자들이 사랑하는 무료 고성능 데이터베이스를 3분 만에 세팅합니다.

Notion AI의 마법:
복잡한 SQL 언어? 몰라도 됩니다. 우리가 써둔 기획서(PRD)만 던져주면 AI가 알아서 코드를 짜줍니다.

Node.js(노드JS):
내 컴퓨터를 강력한 서버로 만들어줄 엔진을 장착합니다.

개발 지식이 전혀 없어도 괜찮습니다. 복잡한 건 AI에게 맡기고, 우리는 흐름만 이해하면 됩니다. 이제 여러분의 포트폴리오에 생명을 불어넣을 준비를 시작해 보세요.

다음 시간에는 구글 스티치(Google Stitch)를 활용해 본격적으로 홈페이지의 얼굴을 디자인해 보겠습니다.

[문의 및 제안] 작가 제안 및 비즈니스 문의 :
futurewave@gmail.com

타임라인 (챕터)
00:00 인트로 : 왜 데이터베이스(디지털 창고)가 필요할까?
00:40 Supabase 가입 및 프로젝트 생성 (무료 DB 세팅)
02:14 Notion AI 활용 : 기획서(PRD)를 바탕으로 SQL 코드 자동 생성
04:35 스크립트 통합 및 코드 블록 정리 노하우
05:09 Supabase SQL Editor 실행 및 테이블 생성
05:43 🚨 실전 꿀팁 : AI가 낸 에러 해결하는 법 (RLS 정책 수정)
07:28 테이블 생성 확인 및 보안 설정 (Security Definer View)
08:33 엔진 설치 : Node.js (LTS 버전) 다운로드 및 설치
09:55 설치 확인 : 터미널에서 Node 버전 체크하기
10:41 다음 예고 : AI랑 홈페이지 디자인하기