바이브 코딩을 이용한 공정 진행 공유 시스템(MVP)

소개

지난 게시글에 소개 했던 사이트 구성을 순차적으로 진행을 했습니다.

진행 방법

1. PRD md 파일을 생성

2. github 생성

3. vs code를 이용하여 폴더구조.md 폴더 구조에 맞춰 폴더와 스크립트를 만들고, PRD 계획에 단계를 순차적으로 진행(코드는 만들지 말라고 지시)

   

4. Phase 1: 프로젝트 초기화 및 기반 설정

   

   1단계 진행 완료 화면

5. Phase 2: 데이터베이스 스키마 설계

6. 진행 과정에서 Docker을 통한 설치 및 설정, db 설정이 필요하여 진행

   

   ALT

   mysql

7. Phase 3: 인증 시스템 (NextAuth.js) 🔄 진행중 (90%)

8. 현재 진행 상황 요약 요청을 하여 저장해 뒀습니다.

   docs/작업단계.md에 저장했습니다.

   진행 현황

   Phase

   이름

   상태

   진행률

   1

   프로젝트 초기화

   ✅ 완료

   100%

   2

   DB 스키마 설계

   ✅ 완료

   100%

   3

   인증 시스템

   🔄 진행중

   90%

   4~12

   나머지

   ⏳ 대기

   0%

   전체 진행률: 약 24%

   Phase 3 남은 작업

   • Magic Link 이메일 발송 테스트 (SMTP 설정 필요)

   • 로그아웃 기능 UI

   기술 스택 변경

   항목

   원래 계획

   변경됨

   DB

   Supabase

   Docker PostgreSQL 17

   인증

   Supabase Auth

   NextAuth.js v5

결과와 배운 점

처음 바이브 코드로 사이트를 제작해 보는 것인데, 구상했던 것들이 생각 이상으로 난이도가 높아서 많이 헤메고 있습니다.

도움 받은 글 (옵션)

란늼의 도움으로 시작을 하게 됐습니다.