+만들기

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

PRO
영상 4,707편
YouTube ↗
조회수 1회 · 5개월 전 · 12:25
안녕하세요! 코딩 몰라도 만드는 나만의 포트폴리오, 바이브랩스입니다. 벌써 [나만의 포트폴리오 홈페이지 만들기] 시리즈의 다섯 번째 시간이네요. 이번 영상은 단순히 코드를 따라 치는 '바이브 코딩'이 아닌, 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랑 홈페이지 디자인하기
바이브랩스