꿈 일기
꿈을 기록하고 숨겨진 의미를 발견하세요. 맞춤 웹 앱을 통해 각 꿈을 기록하고, ChatGPT나 Claude를 사용해 꿈에 담긴 상징과 감정을 해석해 보세요.


라이브 데모
이 실제 예시는 Craft 문서와 Lovable 앱이 어떻게 보이는지 보여줍니다:
데모에서는 쓰기 기능이 비활성화되어 있습니다
Craft, Lovable 와 ChatGPT 또는 Claude(으)로 만든 작품
직접 빌드하기
이 예시에서는 Craft를 사용해 개인 꿈 일기를 만들어 보겠습니다. 꿈을 기록할 수 있는 간단한 웹 앱을 만든 다음, ChatGPT나 Claude에게 각 꿈에 대한 해석을 추가하도록 요청해 보겠습니다.
단계 1 — 문서 만들기
꿈 일기 문서는 매우 간단합니다. 새로운 꿈을 맨 위에 추가하고, 날짜를 제목으로 하고 아래에 추가 정보를 적으면 됩니다.
템플릿을 사용해 꿈 일기용 새 문서를 만드세요:
단계 2 — API 접근 활성화
문서에 대한 API 액세스를 활성화하면 고유한 URL을 받을 수 있으며, 이 URL을 통해 문서를 읽거나 내용을 추가할 수 있습니다. 예를 들어 아래에서 만들 웹 앱에서 사용할 수 있습니다.
단계 1
단계 2
단계 3
단계 4
단계 5
단계 6
단계 3 — Lovable에서 빌드하기
이제 Lovable에서 대시보드용 웹사이트를 만들어 보겠습니다. 위에 표시된 예시 사이트에는 다음 프롬프트를 사용했습니다:
꿈을 기록하고 분석하기 위한 꿈 일기를 만들고 있습니다.
정보는 Craft에 저장되어 있습니다. 첨부된 파일에 현재 꿈 일기 Craft 문서의 예시와 함께 꿈을 저장하는 데 사용할 API 정보가 포함되어 있습니다.
꿈과 수면 품질을 기록할 수 있는 입력 폼이 표시되는 웹사이트를 만들어 주세요.
사이트 중앙에 수면 품질 슬라이더(매우 나쁨에서 매우 좋음까지)가 있는 폼이 표시되어야 합니다. 슬라이더 위에는 각 품질 수준에 해당하는 이모지가 있어 슬라이더를 움직이면 업데이트됩니다. 아래에는 꿈 내용을 입력하는 텍스트 입력란이 있어야 합니다.
디자인은 차분하고 부드러워야 합니다. 분위기 있는 색상과 둥근 모양을 사용하고, 배경에는 부드러운 그라데이션을 적용해 주세요.
Lovable로 이동해 프롬프트 입력란에 프롬프트를 붙여넣으세요. 방금 다운로드한 문서의 AI 번들을 꼭 첨부하세요.
Lovable이 번들의 내용을 분석해 문서 구조와 API 사용 방법을 파악한 후, 프롬프트에 따라 웹사이트를 구축하기 시작합니다.
이제 꿈 일기에 꿈을 추가할 수 있는 멋진 사이트가 완성되었습니다! 원하시면 이 웹 앱을 홈 화면에 저장해 매일 아침 빠르게 접근할 수 있습니다.
단계 4 — MCP 접근 활성화
문서에 대한 MCP 액세스를 활성화하면 AI 클라이언트가 문서를 읽거나 내용을 추가할 수 있는 고유한 URL을 받을 수 있습니다:
단계 1
단계 2
단계 3
단계 4
단계 5
단계 5 — MCP 연결 설정하기
이제 MCP URL을 사용해 클라이언트에서 문서에 연결해 보겠습니다:
단계 1
단계 2
단계 3
단계 4
자세한 내용은 Claude 문서를 참고하세요: “원격 MCP를 활용한 사용자 지정 커넥터 시작하기”.
단계 6 — 문서와 상호작용 시작하기
이제 Claude에게 꿈 일기를 확인하고 최근 꿈에 해석을 추가하도록 요청할 수 있습니다:
예시를 클릭하면 프롬프트가 클립보드에 복사됩니다






