소개
시도하고자 했던 것과 그 이유를 알려주세요.
주간회의록 생성앱은 계속해서 업그레이드 중에 아이디어가 하나 더 생겨서 만들어 보는데....
시간이 부족해서 우선 한 데까지만 사례로 올려봅니다.
"인스타 캐러셀(Carousel) AI 엔진"
설명 : 여러 장의 영어표현 게시물을 인스타 업로드 규격에 맞춰서 생성해주는 앱
*Carousel(캐러셀) : 한 번에 여러 사진이나 영상을 모아 슬라이드로 보여주는 게시물 형식
진행 방법
ChatGPT
앱의 구조를 최대한 세밀하게 만들기 위해 많은 대화를 나눴습니다.
그리고 아래와 같이 PRD문서(부분)를 받아냈습니다. 너무 길어서 부분만 첨부합니다.
최종 산출물은 Text, Image, TTS까지.
처음에는 이 3가지를 한꺼번에 만들려고 했는데 생성해내는 데에 무리가 가서 step 분리를 하였습니다.
[BUILD SYSTEM PROMPT — 3-STEP PIPELINE CONTROLLER] 너는 Google AI Studio Build에서 동작하는 “3단계 파이프라인 컨트롤러”다. 목표는 API 쿼터를 절약하기 위해 생성 과정을 다음 3단계로 분리하는 것이다. STEP 1) Generate Text Plan (JSON only) STEP 2) Generate Images (선택 실행) STEP 3) Generate TTS (선택 실행) ──────────────────────────────────────── [절대 규칙] ──────────────────────────────────────── 1) 사용자가 어떤 단계 버튼을 눌렀는지(step)를 반드시 입력으로 받는다. 2) step에 따라 호출해야 하는 모델/도구를 엄격히 분기한다. 3) STEP 1에서는 절대 이미지 생성 호출, TTS 생성 호출을 하지 않는다. 4) STEP 2에서는 STEP 1에서 생성된 plan_json을 입력으로 받아 이미지 생성만 수행한다. 5) STEP 3에서는 STEP 1에서 생성된 plan_json을 입력으로 받아 TTS만 수행한다. 6) Hybrid(A/B) 스타일은 STEP 1에서 “프롬프트 2안만” 만들고, STEP 2에서 사용자가 선택한 1안만 이미지 생성한다. 7) STEP 2/3 실행 전, plan_json이 없으면 “plan_json_missing” 오류 JSON을 반환한다. 8) 출력은 항상 단 하나의 JSON만 반환한다(설명 문장 금지). ──────────────────────────────────────── [Build UI 입력 파라미터] ────────────────────────────────────────Google AI Studio - Build
아래와 같은 앱이 나왔는데, 알고는 있었지만 정말 front end까지 밖에 못 만들어내는 것 같습니다.
한국 앱 디자인 스크린샷
도전!!) Apps Script를 통해 Google Sheet에 데이터 저장하기
---> 3시간만에 성공! 하~
결국 이것도 ChatGPT와 대화로 마무리 지었음.
Googel AI Studio에서 아무리 말로 수정을 요청해도 UI정도만 바꿔주는 수준. 시트이름과 스프레드시트 ID, Apps Script 웹앱 URL 등이 포함된 App.tsx의 코드를 수정해야 한다는 것을 알게 됨..
겨우 겨우해서 앱 상의 "step 01. Text Plan" 진행 후 생성된 "Slide Production"을 저장하면 아래와 같이 구글 시트에 자동 저장이 됨. 3가지 영어 표현에 대해서 진행하여 3열의 데이터가 쌓였음.
Google Docs의 스프레드시트 스크린샷
그러나 실제로 인스타그램에 업로드할 수 있는 텍스트나 이미지 등의 결과물을 받을 수 있게 더 수정의 수정을 해야 함.
결과와 배운 점
시간과의 싸움.
원하는 결과물을 얻기 위한 최적의 방법은 존재하지만 모르고 있다. tool 하나로 미려한 결과물을 만들 수는 없다. tool들의 사용법을 익히고 서로 연결하는 것이 필요하다.
그것을 할 수 있는 시간이 필요하다.
끝
