분류 전체보기
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (9) Vercel, 프로젝트에 Supabase 연결하기AI/Vibe Coding 2026. 2. 20. 07:06
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)참석의사(RSVP) 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIKakao Developers지도 API 및 카카..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (8) 사진/영상 저장소 만들기 (Cloudinary)AI/Vibe Coding 2026. 2. 8. 11:23
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIKakao Developers지도 API 및 카카오톡 공유 기..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (7) 로그인 페이지 만들기AI/Vibe Coding 2026. 2. 8. 11:21
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIKakao Developers지도 API 및 카카오톡 공유 기..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (6) 프론트 디자인 AI 사이트 이용해보기 (v0.dev, Framer, WIX)AI/Vibe Coding 2026. 2. 7. 10:31
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS + schadcn/ui유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary 또는 Supabase Storage고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIK..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (5) 전체 페이지 로컬 테스트AI/Vibe Coding 2026. 2. 4. 06:15
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS + schadcn/ui유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary 또는 Supabase Storage고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIK..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (4) 프로젝트 폴더 구조 설정AI/Vibe Coding 2026. 2. 4. 05:47
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS + schadcn/ui유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary 또는 Supabase Storage고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIK..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (3) Vercel 과 Git 프로젝트 연결하기AI/Vibe Coding 2026. 1. 28. 12:20
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS + schadcn/ui유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary 또는 Supabase Storage고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIK..
-
[바이브 코딩] AI로 나만의 모바일 청첩장 만들기 (2) 프로젝트 생성 및 Git 연동AI/Vibe Coding 2026. 1. 24. 09:38
계층추천 기술선택 이유FrontendNext.js 14+ (App Router)next/image를 통한 사진 최적화 필수. SSR/SSG 지원.StylingTailwind CSS + schadcn/ui유연한 그리드 시스템(Editorial 레이아웃) 구현에 최적.AnimationFramer Motion비주얼의 핵심. 스크롤 기반 인터랙션 구현 난이도 최하.DatabaseSupabase (PostgreSQL)방명록 저장용. 실시간 업데이트(Realtime) 지원.StorageCloudinary 또는 Supabase Storage고화질 사진 저장. Cloudinary는 URL 파라미터로 즉석 리사이징 가능.DeploymentVercelNext.js와 찰떡궁합. 무료 티어 성능 최강.External APIK..