소개
아이의 목표를 스스로 설정하고 관리할 수 있는 서비스를 만들어보고 싶어서 시작했어요 😊 다양한 생성형 AI 도구를 활용하면 빠르게 MVP를 만들 수 있을 것 같았고, 실제로 여러 도구를 조합해보며 자동화와 생성 AI의 가능성을 체감할 수 있었습니다!
진행 방법
💬 PRD 작성
처음에는 LLM과 대화하면서 PRD부터 작성했어요.
사용한 툴 이름은 기억이 안 나서 생략합니다(검색해도 안나오네요 ㅠㅠ) 🙏
🎨 lovable로 UI 만들기
처음 생성된 사이트는 디자인이 마음에 들지 않아 재시도
하루 5턴 제한 때문에 다른 계정으로 다시 시도하면서 "좀 더 심플하게" 요청
원하는 결과물을 얻어 GitHub 연동 시도 → 레포지토리가 새로 생기지 않는 문제 발생
GitHub 연동이 먹히지 않아 캐시 삭제, 재시도 등 시도했지만 실패
결국 lovable에서 소스를 직접 복사해 로컬에 하나씩 붙여넣기하며 실행 😅
🧠 코멧 브라우저 + Claude Code
스터디장님이 추천한 코멧 브라우저로 threads의 인사이트 확인 후 시도
기존 lovable UI를 띄워놓고 "이 화면에 보이는 UI 기반으로 DB 설계해달라"고 요청
설계된 DB를 Claude Code로 넘겨서:
Supabase 연동
테이블 생성
관련 소스코드 수정 요청까지 자동화
🔐 Google 로그인 붙이기
Claude Code에 "Google 로그인 붙여줘" 요청
Supabase에서 다음 경로로 설정:
Authentication > Sign in / Providers > GoogleGoogle Cloud Console에서 발급받은 Client ID & Secret 등록
🧱 로그인 UI 직접 추가
로그인/회원가입/로그아웃 bar가 없어 상단에 수동으로 UI 구성
현재 대시보드는 대부분 하드코딩 상태지만, 대략적인 형태는 완성됨 ✅
결과와 배운 점
문제가 생겨도 돌아가는 길은 있다
GitHub 연동 안 될 때 수동 파일 복사로 해결ㅠㅠ(30분밖에 안걸렸...)
코멧 활용법을 다양하게 써볼 수 있어 좋았어요
아이디어를 얻거나, 실제 오류가 났을 때에도 유용하게 쓰였어
앞으로는 DB에 테스트 데이터를 넣고, 실제 데이터 연결 작업을 하나씩 진행할 계획입니다
도움 받은 글
스터디장님의 코멧 사용 인사이트