모임 참석자와 지출 내역을 입력해 자동으로 N분의 1 정산을 해주는 웹 앱을 만듭니다.
사용 방법
모임 인원, 지출 항목, 결제자 정보를 준비하세요.
- Claude 대화창에 아래 프롬프트를 입력하고 아티팩트 창이 열리는지 확인합니다.
- 생성된 웹 앱에서 정산 내역을 직접 입력하며 작동을 테스트합니다.
- 필요에 따라 카카오톡 공유 기능이나 디자인 수정 요청을 추가합니다.
복사해서 사용할 프롬프트
모임 참석자별 개별 지출과 공통 지출을 계산해주는 반응형 웹 앱을 작성해 주세요. [입력] - 모임 이름: [모임 이름] - 참석자 목록: [참석자 이름들] - 결제 항목: [항목명, 금액, 결제자, 참여자] - 강조 색상: [원하는 테마 색상] [진행] - 참석자 추가/삭제 기능과 지출 내역 추가 기능을 구현하세요. - 특정 인원이 제외된 지출도 정확히 계산하여 최종 송금액(누구가 누구에게 얼마)을 계산하세요. - 깔끔하고 직관적인 UI로 한눈에 정산 결과를 확인할 수 있게 하세요. - 결과를 클립보드에 텍스트로 복사하는 버튼을 포함하세요. [출력] - 단일 HTML/React 코드 (Claude Artifacts로 즉시 실행 가능) - 예쁜 스타일링이 적용된 인터랙티브 정산기 웹페이지 부족한 정보는 추측하지 말고 먼저 질문해 주세요.
사용 예시
[대괄호]를 이렇게 채우면
모임 이름: 제주도 우정 여행
참석자 목록: 김철수, 이영희, 박민수
결제 항목: 렌트카(15만원, 김철수 결제, 전원 참여), 숙소(20만원, 이영희 결제, 전원 참여), 카페(3만원, 박민수 결제, 이영희/박민수 참여)
강조 색상: 에메랄드 그린
이런 결과를 받을 수 있습니다
웹 화면 상단에 '제주도 우정 여행 정산기' 타이틀이 표시됩니다.
[최종 정산 결과 카드]
- 박민수 -> 김철수: 35,000원 송금
- 박민수 -> 이영희: 80,000원 송금
하단에는 [지출 내역 추가] 폼과 [정산 결과 텍스트 복사하기] 버튼이 동작하는 상태로 제공됩니다.
예시는 이해를 돕기 위한 가상 상황이며, 실제 결과는 입력 내용과 AI에 따라 달라집니다.
활용 팁 생성된 웹 앱에 '계좌번호 입력란'을 추가해 달라고 요청하면 정산문구 복사 시 계좌 정보까지 함께 정리되어 편리합니다.
해시태그
AI의 답변에는 오류나 오래된 정보가 포함될 수 있습니다. 중요한 수치와 사실은 원자료로 확인하고, 개인정보와 회사 기밀은 입력 전에 삭제하세요. 투자·법률·의료 관련 결과는 참고 자료로만 활용하세요.