Craft와 함께 상상하기

꿈 일기

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

꿈 일기꿈 일기

직접 빌드하기

이 예시에서는 Craft를 사용해 개인 꿈 일기를 만들어 보겠습니다. 꿈을 기록할 수 있는 간단한 웹 앱을 만든 다음, ChatGPT나 Claude에게 각 꿈에 대한 해석을 추가하도록 요청해 보겠습니다.

단계 1문서 만들기

꿈 일기 문서는 매우 간단합니다. 새로운 꿈을 맨 위에 추가하고, 날짜를 제목으로 하고 아래에 추가 정보를 적으면 됩니다.

템플릿을 사용해 꿈 일기용 새 문서를 만드세요:

단계 2API 접근 활성화

문서에 대한 API 액세스를 활성화하면 고유한 URL을 받을 수 있으며, 이 URL을 통해 문서를 읽거나 내용을 추가할 수 있습니다. 예를 들어 아래에서 만들 웹 앱에서 사용할 수 있습니다.

단계 1

“상상해보기” 탭을 열어보세요

단계 2

“첫 번째 API 추가”를 클릭하세요

단계 3

API 연결에 이름을 설정하세요. 이 프로젝트에서는 API가 문서 쓰기만 필요합니다. API 권한을 “쓰기”로 설정하세요.

단계 4

“문서 추가”를 클릭한 뒤 Dream Journal 문서를 선택하세요.

단계 5

문서와 연결되는 API URL이 이제 상단에 표시됩니다

단계 6

“AI 번들 다운로드” 버튼을 클릭하세요. API 문서와 해당 문서의 내용이 담긴 폴더가 다운로드됩니다.

단계 3Lovable에서 빌드하기

이제 Lovable에서 대시보드용 웹사이트를 만들어 보겠습니다. 위에 표시된 예시 사이트에는 다음 프롬프트를 사용했습니다:

꿈을 기록하고 분석하기 위한 꿈 일기를 만들고 있습니다.

정보는 Craft에 저장되어 있습니다. 첨부된 파일에 현재 꿈 일기 Craft 문서의 예시와 함께 꿈을 저장하는 데 사용할 API 정보가 포함되어 있습니다.

꿈과 수면 품질을 기록할 수 있는 입력 폼이 표시되는 웹사이트를 만들어 주세요.

사이트 중앙에 수면 품질 슬라이더(매우 나쁨에서 매우 좋음까지)가 있는 폼이 표시되어야 합니다. 슬라이더 위에는 각 품질 수준에 해당하는 이모지가 있어 슬라이더를 움직이면 업데이트됩니다. 아래에는 꿈 내용을 입력하는 텍스트 입력란이 있어야 합니다.

디자인은 차분하고 부드러워야 합니다. 분위기 있는 색상과 둥근 모양을 사용하고, 배경에는 부드러운 그라데이션을 적용해 주세요.

Lovable로 이동해 프롬프트 입력란에 프롬프트를 붙여넣으세요. 방금 다운로드한 문서의 AI 번들을 꼭 첨부하세요.

Lovable이 번들의 내용을 분석해 문서 구조와 API 사용 방법을 파악한 후, 프롬프트에 따라 웹사이트를 구축하기 시작합니다.

이제 꿈 일기에 꿈을 추가할 수 있는 멋진 사이트가 완성되었습니다! 원하시면 이 웹 앱을 홈 화면에 저장해 매일 아침 빠르게 접근할 수 있습니다.

단계 4MCP 접근 활성화

문서에 대한 MCP 액세스를 활성화하면 AI 클라이언트가 문서를 읽거나 내용을 추가할 수 있는 고유한 URL을 받을 수 있습니다:

단계 1

“상상해보기” 탭을 열어보세요

단계 2

“첫 번째 MCP 연결 만들기”를 클릭하세요

단계 3

MCP 연결에 이름을 설정하세요.

단계 4

“문서 추가”를 클릭한 뒤 Dream Journal 문서를 선택하세요.

단계 5

문서와 연결되는 MCP URL이 이제 상단에 표시됩니다.

단계 5MCP 연결 설정하기

이제 MCP URL을 사용해 클라이언트에서 문서에 연결해 보겠습니다:

사용자 지정 커넥터를 추가하려면 Claude Pro 또는 Max 구독이 필요합니다.

단계 1

설정으로 이동

단계 2

“커넥터” 섹션을 선택하고 “사용자 지정 커넥터 추가” 버튼을 클릭하세요

단계 3

커넥터에 의미 있는 이름을 지정하고 MCP URL을 붙여넣으세요. 고급 설정의 OAuth 클라이언트 ID와 클라이언트 시크릿 필드는 비워 두세요. 필요한 경우 Claude가 자동으로 인증을 처리합니다.

단계 4

확인 후 커넥터가 설정되며 채팅에서 바로 사용할 수 있습니다

자세한 내용은 Claude 문서를 참고하세요: “원격 MCP를 활용한 사용자 지정 커넥터 시작하기”.

단계 6문서와 상호작용 시작하기

이제 Claude에게 꿈 일기를 확인하고 최근 꿈에 해석을 추가하도록 요청할 수 있습니다:

예시를 클릭하면 프롬프트가 클립보드에 복사됩니다

직접 시도해 볼 수 있는 더 많은 아이디어

갤러리로 돌아가기