해외여행 짐싸기 동적 체크리스트 프롬프트

해외여행 짐싸기 동적 체크리스트 프롬프트

여행 조건 맞춤 필터링 패킹 체크리스트 제작

Claude아티팩트

사용 방법

여행지의 기후, 여행 일수, 동반자 정보를 준비하세요.

  1. 프롬프트의 변수를 여행 계획에 맞춰 채워 넣으세요.
  2. 생성된 웹앱에서 아이템을 체크하거나 새 항목을 직접 추가해 보세요.

복사해서 사용할 프롬프트

여행 유형과 계절에 따라 준비물이 자동 필터링되고 진행률이 표시되는 짐싸기 체크리스트 앱을 제작해 주세요.

[입력]
- 여행지 및 날씨: [동남아 휴양지 / 유럽 겨울 배낭여행 등]
- 체류 기간: [N박 N일]
- 동반자 유형: [영유아 동반 / 반려동물 / 나홀로 여행]
- 주요 카테고리: [필수 서류, 전자기기, 의류, 상비약, 위생용품]
- 로컬 저장 여부: [브라우저 localStorage를 통한 체크 상태 저장]

[진행]
- 상단에 전체 준비 완료율(%)을 프로그레스 바로 시각화하세요.
- 사용자가 새로운 짐 항목을 직접 입력하여 리스트에 추가하거나 삭제할 수 있는 기능을 넣으세요.
- 카테고리별 접기/펼치기 아코디언 메뉴와 전체 선택·해제 토글을 구현하세요.
- 상비약 항목에는 개인 건강 상태 및 복용 중인 약물에 대해 출발 전 의사·약사 등 의료 전문가의 상담이 필요하다는 주의 문구를 포함하세요.

[출력]
- 브라우저를 닫아도 체크 기록이 유지되는 바닐라 JS 기반 단일 HTML 파일 코드
- 직관적이고 깔끔한 모바일 친화적 카드형 UI

부족하거나 모호한 정보가 있다면 임의로 추측해 구현하지 말고 먼저 질문해 주세요.
활용 팁 로컬스토리지 저장 기능을 포함하면 여행 중 비행기 안에서 오프라인 상태로도 체크리스트를 문제없이 열람하고 수정할 수 있습니다.

해시태그

#체크리스트앱 #여행준비물 #토이프로젝트 #웹앱만들기 #생산성도구

AI PROMPT BOXClaude · 아티팩트 프롬프트 더 보기 →

AI의 답변에는 오류나 오래된 정보가 포함될 수 있습니다. 중요한 수치와 사실은 원자료로 확인하고, 개인정보와 회사 기밀은 입력 전에 삭제하세요. 투자·법률·의료 관련 결과는 참고 자료로만 활용하세요.

← 전체 프롬프트 보기