앱을 KLIPY에 연결하여 GIF, 스티커, 클립을 검색하고 임베드하며 AI 이모지를 생성합니다.
KLIPY에 앱 연결하기
앱을 KLIPY에 연결하여 GIF, 스티커, 클립을 검색하고 임베드하며 AI 이모지를 생성하세요.
KLIPY는 Lovable 앱이 GIF, 스티커, 짧은 클립을 검색하고 임베드하며 필요할 때 AI 이모지를 생성할 수 있게 해주는 미디어 API입니다. 채팅, 소셜, 댓글 기능에 바로 붙일 수 있는 미디어 레이어입니다.
이 통합은 앱 + 채팅 커넥터로 제공됩니다. 하나의 공유 연결이 빌드 중 채팅과 게시된 앱 모두에서 작동합니다.
KLIPY를 사용하면 앱에서 다음과 같은 작업이 가능합니다.
- GIF, 스티커, 짧은 클립 검색 및 임베드
- 필요할 때 AI 이모지 생성
- 채팅과 소셜 기능에 트렌딩 미디어 피커 추가
앱에 미디어 피커, 리액션 스티커, 또는 생성된 이모지가 필요할 때 KLIPY 커넥터를 사용하세요. 직접 제공하는 소수의 정적 이미지라면 앱의 assets에 그대로 두는 편이 낫습니다.
주요 활용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| GIF 피커가 있는 채팅 | KLIPY를 사용해서 내 채팅 앱에 GIF 피커를 추가해줘. 사용자가 GIF를 검색하고 인라인으로 보낼 수 있게. | 사용자가 GIF로 반응하고 답장하게 합니다. 앱이 메시지 작성기에 검색 가능한 GIF 피커를 추가하고 선택한 GIF를 대화에 임베드합니다. |
| 스티커 리액션 | KLIPY를 사용해서 사용자가 검색 가능한 피커의 스티커로 게시물에 반응할 수 있게 해줘. | 표현력 있는 스티커 리액션을 추가합니다. 앱이 스티커 검색을 노출하고 선택한 스티커를 리액션으로 첨부합니다. |
| 밈 / 클립 피드 | KLIPY를 사용해서 사용자가 둘러보고 공유할 수 있는 트렌딩 GIF와 클립 피드를 만들어줘. | 피드에 트렌딩 미디어를 노출합니다. 앱이 트렌딩 GIF와 클립을 가져와 탐색하고 공유할 수 있는 피드로 렌더링합니다. |
| 커스텀 이모지 도구 | KLIPY를 사용해서 텍스트 프롬프트로 커스텀 AI 이모지를 생성하는 도구를 만들어줘. | 필요할 때 커스텀 이모지를 생성합니다. 앱이 KLIPY에 프롬프트를 보내고 생성된 AI 이모지를 렌더링하여 사용자가 다운로드하거나 보낼 수 있게 합니다. |
| 소셜 작성기 | KLIPY를 사용해서 내 소셜 게시물 작성기에 GIF, 스티커, 이모지를 추가해줘. | 게시물 작성기를 미디어로 풍부하게 만듭니다. 앱이 사용자가 GIF, 스티커, 이모지를 검색해 게시물에 미디어를 넣을 수 있게 합니다. |
KLIPY 연결 방법
워크스페이스 admin과 owner가 KLIPY를 연결할 수 있습니다.
KLIPY는 Bring Your Own Key 모델을 사용합니다. 자신의 KLIPY API key를 연결하면 앱의 미디어 요청이 Lovable 게이트웨이를 통해 프록시되므로 key가 서버에 유지되며 게시된 앱에 절대 노출되지 않습니다. KLIPY 계정, 콘텐츠, 사용량 한도, 계정 설정은 KLIPY partner dashboard에서 직접 완전히 제어합니다.
연결이 만들어지면 KLIPY가 워크스페이스의 모든 프로젝트에서 사용 가능해집니다. 프로젝트에서 작업하는 누구나 채팅에서 Lovable에게 자신의 프로젝트를 연결하도록 요청할 수 있습니다.
사전 요구사항
KLIPY를 연결하기 전에 다음을 준비하세요.
- KLIPY 계정
- KLIPY partner dashboard에서 발급한 KLIPY API key
- Lovable 워크스페이스 owner 또는 admin 역할
이 커넥터를 통한 모든 미디어 요청은 KLIPY 계정의 한도에 포함됩니다. 청구와 할당량은 Lovable이 아닌 KLIPY에서 직접 처리합니다.
1단계: KLIPY API 키 발급
KLIPY partner dashboard 열기
KLIPY partner dashboard에 로그인합니다.
API 키 생성 또는 복사
앱에 사용할 API key를 생성하거나 기존 key를 복사합니다. 자신의 key로 KLIPY 계정, 콘텐츠, 사용량 한도를 직접 관리합니다.
KLIPY API key는 비밀번호처럼 작동합니다. 안전하게 보관하고 절대 공개하지 마세요. 다음 단계에서 필요합니다.
2단계: KLIPY를 Lovable에 연결
Connectors에서 KLIPY 열기
Connectors → App connectors로 이동하여 KLIPY를 선택합니다.
연결 추가
Add connection을 클릭합니다.
연결 구성
API key 필드에 KLIPY API key를 붙여넣습니다. key를 생성해야 한다면 필드 아래의 Open KLIPY로 partner dashboard로 바로 이동할 수 있습니다.
이 연결에 접근할 수 있는 사람 선택
Who can access this connection에서 워크스페이스의 누가 연결을 사용할 수 있는지 정합니다.
- Only you(기본값): 연결을 만든 사람만 연결과 관련 데이터를 사용할 수 있습니다.
- Invite specific people: 본인과 명시적으로 추가된 워크스페이스 멤버만 연결과 관련 데이터를 사용할 수 있습니다.
- Invite entire workspace: Invite entire workspace를 클릭하면 Lovable 워크스페이스의 모든 사람이 연결을 사용할 수 있습니다.
자세한 내용은 연결을 관리할 수 있는 사람을 참고하세요.
연결
Connect를 클릭합니다. Lovable이 연결을 저장하기 전에 KLIPY로 key를 검증합니다.
연결되면 프로젝트에서 작업하는 누구나(구성된 연결 수준 접근에 따라) 채팅에서 Lovable에게 자신의 프로젝트를 KLIPY에 연결하도록 요청할 수 있습니다. 이후 Lovable 앱이 커넥터를 통해 미디어를 검색하고 임베드하며 AI 이모지를 생성할 수 있습니다.
제한 사항
KLIPY 커넥터는 다음을 할 수 없습니다.
- API key를 자동으로 갱신하거나 회전. 회전하려면 KLIPY partner dashboard에서 새 key를 생성하고 Lovable 연결을 업데이트해야 함
- 최종 사용자별 KLIPY 인증 지원(각 연결은 워크스페이스로 범위가 지정된 단일 공유 API key를 사용함)
- KLIPY 계정, 콘텐츠 설정, 사용량 한도 관리. 이는 KLIPY partner dashboard에서 구성해야 함
KLIPY 연결 관리
연결은 Connectors에서 관리합니다. **KLIPY**을 선택한 다음 연결을 여세요.
- Unlink projects를 사용하면 다른 프로젝트에서 연결을 계속 사용할 수 있도록 유지하면서 특정 프로젝트의 KLIPY 접근 권한만 제거할 수 있습니다. 단계별 절차는 연결에서 프로젝트 연결 해제를 참고하세요.
- Delete the connection을 사용하면 워크스페이스에서 연결을 완전히 제거할 수 있습니다. 삭제는 영구적이며 연결된 모든 프로젝트에서 자격 증명이 제거되고, KLIPY을 사용하는 앱 기능은 새 연결을 추가할 때까지 작동하지 않습니다. 단계와 삭제 권한은 연결 삭제를 참고하세요.