앱을 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 연결에서 프로젝트 연결 해제하는 방법
Editor 이상은 연결을 완전히 삭제하지 않고 특정 프로젝트를 연결에서 제거할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용 가능합니다.
프로젝트 연결을 해제하려면:
Connectors 열기
Connectors를 열고 App connectors로 이동한 다음 **KLIPY**을 선택합니다.
연결 열기
관리하려는 연결을 엽니다.
프로젝트 선택
Linked projects에서 연결 해제하려는 프로젝트를 체크합니다.
확인
Unlink projects를 클릭하고 확인합니다.
연결이 해제되면 해당 프로젝트는 이 연결을 통해 더 이상 KLIPY에 접근할 수 없습니다. 프로젝트가 다시 KLIPY이 필요하면 사용 가능한 연결에 연결할 수 있습니다.
KLIPY 연결 삭제 방법
워크스페이스 admin과 owner는 KLIPY 연결을 삭제할 수 있습니다. 다른 멤버는 자신이 만든 연결이거나 명시적으로 접근 권한을 부여받은 경우 연결을 삭제할 수 있습니다.
연결 삭제는 영구적이며 취소할 수 없습니다. 연결된 모든 프로젝트에서 자격증명이 제거되며 이 연결을 사용하는 앱은 새 연결이 추가될 때까지 작동을 멈춥니다.
삭제하기 전에 Linked projects 섹션을 검토하여 현재 어떤 프로젝트가 연결을 사용하고 있는지 확인하세요.
연결을 삭제하려면:
Connectors 열기
Connectors를 열고 App connectors로 이동한 다음 **KLIPY**을 선택합니다.
연결 열기
제거할 연결을 엽니다.
연결된 프로젝트 검토
Linked projects 섹션을 검토합니다.
삭제
Delete this connection에서 Delete를 클릭하고 확인합니다.