Prompt Recipe

둘이 가는 여행, 사이트로 관리하기

클로드한테 한 번에 다 설명하지 않아도 괜찮아요. 아래 순서대로 하면 됩니다 — 먼저 기본판을 만들고, 마음에 안 드는 부분을 하나씩 말로 고치면서 다듬어요.

STEP 1

처음에 보낼 프롬프트

아래 글을 그대로 복사해서 클로드에게 보내보세요. 완벽한 결과가 아니라 "다듬을 수 있는 1차 버전"이 나와요.

저랑 동행 한 명이 같이 가는 여행 일정을 관리하는 웹사이트를 만들어줘. 로그인 없이 링크만 있으면 둘 다 보고 입력할 수 있어야 해. 포함할 내용: - 날짜별 일정표 (제목·위치·시간별 활동·메모를 나중에 수정 가능하게) - 항공권 정보 (가는 편/오는 편, 추가·삭제 가능하게) - 숙소 정보 (여러 곳 묵을 수 있으니 추가·삭제 가능하게) - 출발 전 체크리스트 (제목+내용 카드, 추가·삭제 가능하게) - 지출 정산: 항목/금액/화폐/결제자를 입력하면 "같이 반반 낼 돈", "이미 같이 낸 돈", "각자 쓴 돈", "정산 끝난 돈"으로 구분해서 기록하고, 누가 누구에게 얼마 보내야 하는지 자동 계산 - 각자 실제 쓴 돈이 얼마인지(반반 낼 돈은 반으로 나눠서) 한눈에 보이게 - 각자 가져온 현금이 얼마나 남았는지 입력하고 확인하는 기능 로그인 기반 공유 데이터베이스는 쓰지 말고, 각자 브라우저에 저장하고 "코드 만들기/가져오기"로 서로 동기화하는 방식으로 만들어줘. 모바일에서도 잘 보이게 반응형으로 만들어줘.

STEP 2

다듬을 때 쓸 요청들

결과물을 보고 마음에 안 드는 부분이 있으면, 이 중에서 비슷한 말을 골라 그대로 보내면 돼요. 실제로 이렇게 하나씩 요청하면서 완성했어요.

보기 좋게 (디자인·레이아웃)

모바일에서 볼 때 두 줄로 나눠서 보기 좋게 배치해줘
이 두 색깔이 너무 비슷해서 구분이 안 돼, 색 차이가 나게 바꿔줘
이 글씨가 잘 안 보이는데 더 진하게/굵게 해줘
탭 위아래 여백이 너무 긴 것 같아, 줄여줘

정산 로직

같이 쓴 돈(공동비용)이랑 각자 쓴 돈(개인지출)을 구분해서 적고 싶어
이미 정산 끝난 항목은 따로 표시되게 해줘, 계산에서 빼줘
같이 낼 돈은 누가 결제했든 반으로 나눈 금액이 각자 실제 비용에 반영되게 해줘
놀러갈 나라 화폐로도 입력하면 원화로 자동 환산되게 해줘

현금 관리

각자 가져온 현금이 얼마나 남았는지 입력하는 칸도 있으면 좋겠어
공동 비용으로 쓴 현금은 자동으로 차감되게 해줘

다른 사람도 쓸 수 있게

이름 부분을 내가 직접 바꿀 수 있게 해줘 — 다른 사람한테도 줄 수 있잖아

동기화

항공권/숙소/체크리스트 내용도 코드에 같이 담겨서 동기화되게 해줘
코드가 너무 기니까 좀 짧게 줄여줘

STEP 3

"코드로 동기화"가 뭔지

로그인이 없다 보니, 내용은 각자 핸드폰/컴퓨터에만 저장돼요. 둘이 맞추려면 이렇게 하면 돼요.

1한 명이 사이트에서 "코드 만들기"를 눌러요. 암호처럼 생긴 긴 글자가 나와요.
2그 글자를 복사해서 카톡으로 상대방에게 보내요.
3상대방은 받은 글자를 사이트의 "가져오기" 칸에 붙여넣어요.
4그러면 양쪽 내용이 합쳐져서 똑같이 보여요.

기억할 것 — 처음 프롬프트로 70~80%는 나와요. 나머지는 결과물을 보면서 "여기 이렇게 바꿔줘"라고 말로 계속 요청하면서 완성하는 거예요. 한 번에 완벽한 결과를 기대하지 말고, 대화하듯 다듬어가면 돼요.

실제로 35번 고치면서 만든 순서 전체 보기 →