토론

AI Composer 워크플로우: 일괄 이미지 다운로드 및 교체

Wikiprompt, 무료 프롬프트 백과사전에서

宝玉
기여자宝玉X출처

2025년 1월 21일

AI Composer 워크플로우: 일괄 이미지 다운로드 및 교체 TipTap 에디터와 백엔드 API를 사용하여 이미지 일괄 다운로드 및 교체 기능을 구현하기 위한 실용적인 AI 코딩 프롬프트로, 컨텍스트와 모듈식 반복을 강조합니다.

프롬프트 내용저장

🌐
백엔드: 새로운 엔드포인트 /api/download-and-save-image를 추가합니다. 이미지 URL을 받아 다운로드한 후 객체 스토리지(R2)에 저장합니다. 파일 이름 규칙: '날짜 + 원본 파일 이름', 중복 시 숫자 접미사를 추가합니다. 새 이미지 URL을 반환합니다. 구조와 스타일은 기존 /api/upload-image 코드를 참조하세요. 프론트엔드: React + TypeScript + ShadcnUI를 사용하고, 에디터는 TipTap입니다. 버튼 + 진행 표시줄 또는 상태 메시지가 있는 컴포넌트를 생성합니다. 클릭 시 에디터의 모든 이미지를 순회하고(editor.getJSON()), http:// 또는 https://로 시작하는 링크를 필터링한 후, 새 백엔드 엔드포인트를 호출하여 이미지를 일괄 다운로드 및 업로드합니다. 성공적으로 업로드된 이미지 링크를 에디터에 다시 삽입하고 진행 표시줄을 업데이트합니다. 백엔드 요청/응답 형식을 제공합니다: POST 메서드, Body는 { url: string }, 성공 시 새 이미지 URL을 반환하고, 실패 시 오류 메시지를 반환합니다.

전체 프롬프트를 보려면 로그인하세요

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

사용법

이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

분류:coding| twitter| ai-coding| composer

토론