클로드 & 클로드 코드로웹에서 앱까지

모임 일정·참석 관리 서비스 (이 과정의 메인 실습)

모임·커뮤니티 · DB 앱 · 기본 · 약 120분

이런 상황에서

모임 일정을 대화방에 올리면 묻히고, 참석 인원은 손으로 센다. 일정·참석·사진을 한곳에서 보고 싶다.

기획: 프롬프트 5요소

목적모임 운영을 편하게
입력모임 일정(날짜, 장소, 정원), 회원 계정
출력일정 목록, 참석 신청, 사진이 되는 웹앱
조건로그인한 사람만 신청, 만든 사람만 수정
검증두 계정으로 시험해 남의 모임을 고칠 수 없는지

따라 하기

1. 기획

PROMPT기획 플랜 모드 권장

동네 독서 모임의 일정을 알리고 참석을 받는 서비스를 만들고 싶어. 기획자처럼 질문해서 기획서를 만들어줘.

2. 웹앱

PROMPT웹앱 플랜 모드 권장

@기획서.md 와 목업을 바탕으로 Next.js 웹앱을 만들어줘. 먼저 계획을 보여줘.

3. 데이터

PROMPT데이터

모임과 참석 신청을 Supabase에 저장하도록 바꾸고, 보안 규칙(RLS)도 만들어줘.

이건 꼭 확인하세요

  • 정원이 차면 신청이 막히는가
  • 로그아웃하면 수정 버튼이 사라지는가

더 키워 보기

  • 10회: AI 후기 요약
  • 12–13회: 같은 데이터로 휴대폰 앱

관련 회차