개발자 없어도 가능해요! 노션 AI가 골라주는 '실패 없는' 최신 기술 스택 (Next.js, Supabase, Clerk): 코딩 몰라도 나만의 포트폴리오 만들

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

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

이번 영상은 '코딩 몰라도 만드는 나만의 포트폴리오 홈페이지' 시리즈의 네 번째 시간입니다. 지난 시간 우리가 무엇을 만들지(PRD) 정했다면, 오늘은 '어떻게 만들지(TRD)'를 정하는 날입니다.

이번 영상은 단순히 코드를 짜는 '바이브 코딩'보다, 프로젝트를 기획하고 설계하는 생산성의 영역인 '바이브 워킹'을 다룹니다. 30년 차 개발자인 제가 AI를 유능한 동료로 활용해 복잡한 기술 문서를 얼마나 쉽게 완성하는지 확인해 보세요.

TRD가 뭐죠?:
PRD가 '빨간 벽돌집을 짓겠다'는 계획이라면, TRD는 '어떤 시멘트와 공법을 쓸지' 정하는 설계도입니다.

AI의 기술 추천:
노션 AI에게 우리 요구사항을 던져주고, 최적의 기술 스택을 추천받았습니다.

쉬운 비유 설명:
🏠 Next.js: 이미 창문, 벽이 다 준비된 최신 조립식 키트 (초고속 엘리베이터 포함!)

P Vercel:
월세 없이 집을 올릴 수 있는 무료 땅

📦 Supabase:
사진과 글을 보관하는 든든한 창고

👮 Clerk:
신분증 검사 없이 단골은 얼굴만 보고 통과시키는 스마트한 경비원 (로그인/인증)

복잡한 개발 용어, 이제 겁먹지 마세요. AI와 함께라면 기획부터 설계까지 누구나 할 수 있습니다.

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

🔔 구독과 좋아요는 바이브랩스에 큰 힘이 됩니다!

4. 타임라인 (챕터)
00:00 인트로: 지난 시간 요약 (PRD에서 TRD로)
00:20 TRD(기술 요구사항 문서)란 무엇인가?
01:06 개발 길라잡이, TRD가 꼭 필요한 이유
01:47 AI에게 기술 스택 추천받기 (노션 AI 활용)
03:05 30년 차 개발자의 시선: AI가 추천한 스택 검토하기
04:26 [기술 1] Next.js: 홈페이지의 뼈대 (최신 조립식 키트)
05:39 [기술 2] Vercel: 배포를 위한 무료 건물주
06:10 [기술 3] Supabase: 데이터와 파일을 위한 무료 창고
08:30 관리자 페이지와 보안 설정 논의
10:17 [기술 4] Clerk: 현관문 경비원 (소셜 로그인 & 인증)
10:53 본격 실전! AI와 함께 TRD 문서 작성하기
12:00 작성된 기술 스택 상세 검토 및 수정
14:28 폴더 구조 및 환경 변수 설정 미리보기
16:00 최종 정리: 우리가 고른 4가지 최신 무기
16:28 다음 예고: 데이터 창고 설계도 그리기 (DB 스키마)