클로드 CODE와 함께 이미지 변환 AI 대시보드 만들기
안녕하세요! 에픽 저널입니다.
오늘은 엄청난 시간과 도전 그리고 어려움을 겪은 AI이미지변환 툴을 만들어본 찐후기입니다.
핵심 요약 :터미널 환경에서 클로드 CODE를 활용해 나만의 이미지 변환 AI 최종 대시보드를 구축한 후기.
처음 접해면 터미널 CODE와 9일간의 사투 그리고 최종 자동 이미지변환AI 결과물까지 과정
| 1. 클로드 CODE란 ?
클로드 CODE는 유료 이용자 서비스의 하나로
주로 터미널 CODE 환경에서 직접 파일 시스템을 제어하고 코드를 작성·수정할 수 있는 강력한 CODE 수행 도구입니다.
기존 어렵고 난해했던 JavaScript 언어들에서 클로드 AI는 간편하게 이용자와 함께 CODE 언어가 아닌 일반 언어로서
작업을 수행하게 해줍니다. 코드에 어려움을 겪은 여러분들도 그냥 한국어로 채팅 명령어만 치면 됩니다 ^^
| 2. 난생 처음 시도해본 AI CODE 작업 일기
여러분이 알다시피
저는 이전에 AI자동 수집기 툴 그리고 영상 레퍼런스 수집 대쉬보드를 이미 만든 경험이 있어요(후기는 다른글에)
그래서 이번에는 클로드 CODE를 활용하여 조금 더 높은 수준의 자동 이미지변환과 번역툴을 만들어봤습니다.
생애 처음 처음 CODE 작업을 하는것인데요. 수많은 어려움과 난관이 있을거라 생각하고 도전해봤습니다.
3. 터미널 CODE 첫경험. 그리고 기획 시작.
AI와 작업할때는 항상 제일 먼저 레퍼런스 사진이나 자체한 기획안을 제시하고 시작하는게 좋습니다.
저는 이미 몇번의 대쉬보드를 만든 경험에 의거하여 초반부터 바로 밀고 나갔는데요.
하지만 처음에는 터미널 띄우고 기초 명령어 실행하는것부터 서툴고 너무 낯설었습니다.
아주 기초적인것부터 클로드 코드에게 물어가며 천천히 시작했답니다
아래 사진은 터미널 코드 화면입니다 (까만 화면)
처음에는 AI툴의 기본 뼈대를 구성해야한다.
< AI툴의 기초적인 뼈대 구성 장면 ▲ >
4. 시작후 계속되는 수많은 난관과 실패와 반복 …
AI와 함께 무언가를 만들어가는 과정은 순탄하지 않습니다.
원하는 레이아웃이 나오지 않거나 충돌 에러가 계속 반복되면 수차례 코드를 갈아엎어야 하죠. 그것의 연속입니다.
계속 클로드 CODE와 대화하고 명령을 하고 수정을 하며 소통을 해야합니다 ^^
그나마 다행인것은 이것을 CODE 언어로 말하지 않고 한국어로도 할수있다는것이 바로 클로드 AI CODE의 힘입니다 !!! ^^
AI와 작업하다보면 꼭 필요한것이 바로 API인데요……..
각 AI들의 성능을 이용하려면 각 고유 API를 발급받고 외부API와도 연동(연계) 시키는 기본 연계 작업이 필요합니다,
위 사진은 클로드 Anthronpic API와 구글 제미니 API을 연동하여 실제로 대쉬보드에서 제기능이 발휘할수 있도록 연결하고 발굴하는 과정입니다
| 5. 대시보드 기본 구조 및 필수 기능 설계
높은 목적물인 이미지 변환 AI 대시보드를 만들기 전,
사용자가 마주치고 설계해야할 화면 구성과 핵심 기능을 먼저 명확히 알고 있어야 합니다.
대쉬보드의 각 메뉴들의 기능을 구현하기 위해 업로드 영역, 변환 옵션 선택 바, 구글 제미니와의 기능 연계, 이미지 변환 기능, 번역 기능, 지우기 기능등등
대쉬보드에서 안에서도 글자 편집. 미리보기 기능, 저장 기능. 저장 기능등 많은 구체적인 설계가 요구됩니다.
참으로 복잡합니다!
▲ 위 사진은 자동 이미지변환 툴로서 왼쪽 패널 (메뉴)와 오른쪽 대쉬보드 구성되어 있음을 보여주는 화면입니다.
왼쪽 패널에는 주요 기능성 메뉴가 구성되어 있고 이 메뉴들의 수행과 결과물이 바로 대쉬보드 메인 화면에 나타나게 됩니다.
특히나 어려운 작업은 실제로 왼쪽 패널들의 기능을 100% 구현하는일인데……….솔직히 이것은 클로드 CODE에게 의존하게 됩니다.
클로드 CODE가 기본 틀과 기능을 다 구현해주고 실제 작동하기 위한 필요한 코드를 다 짜주니까요 ^^
제가 할일은 직접 다운로드 받아 실행해보고 테스트해보고 오류와 수정 사항만 전달하는식입니다..
거의 클로드 CODE가 거의 대장격이죠 ^^
하지만 이 과정이 정말 쉽지 않고 수많은 반복과 실패와 성공이 뒤따릅니다. 전 9일 걸렸다는것을 미리 알려드려요 ^^
|6. 점점 완성되어가는 나의 이미지변환AI 대쉬보드
클로드 CODE는 유료 기능으로서 하루 작업 소진량 일주일 작업 소진량이 정해져 있습니다.
그래서 하루이틀만에 이 과정을 다 완성할수 없고 완성하기까지 꽤 많은 시간과 인내가 필요했습니다.
그나마 용기를 얻은것은 CODE를 전혀 모르지만 클로드 CODE의 엄청난 능력과 전문성이 존재했기에 믿고 추진할수 있었습니다.
어떤날은 거의 8시간 작업한날도 있었죠 ^^
하지만 저는 포기하지 않고 클로드 CODE와 서로 피드백하며 구조를 다듬어갔습니다.
단순한 텍스트 출력을 넘어 실제로 작동하는 웹 기반 대시보드의 모습을 갖춰가는 과정에서 큰 재미와 성취감을 느꼈습니다.
|
5. 클로드 CODE의 진가와 점점 선명해지는 자동이미지 변환 및 자동 번역 AI 툴 !!!!!!!
아래 사진은 수많은 시행 착오끝에 얻어낸 결과물입니다.
어느정도 대쉬보드 툴 같은 모습을 보이기 시작하죠 ^^?
이 툴에 대해서 조금 소개해보자면 이렇습니다
외국 언어로 된 사진을 불러와서 그 외국어를 AI가 지우고 또 자동으로 한국어로 번역을 합니다.
언어 설정 기능도 있는데 한국어/일본어/영어 세가지 언어를 자동 번역을 합니다.
그리고 이미지 변환 기능도 있는데 그것은 구글 제미니 AI의 엄청난 성능힘 때문이죠.
구글 제미니 AI는 3.5 flash-lite/ 3.8 flash/ 3.1 pro 같은 고급 성능의 이미지 / 영상 생성 및 변환 기능을 갖고 있습니다.
클로드가 못하는것을 제미니 ai가 갖고 있는 능력과 api와 연계하여 비로서 이 기능들이 가능해지는것이죠.
결국 이 결과물은 클로드 ai의 힘과 구글 제미니 API 연동 모듈을 결합하며 성능을 극대화한 작업인셈입니다
| 6. 9일에 걸친 클로드 code와의 자동이미지변환 툴드 완성판
아이디어와 기획을 구상하고 코딩을 시작한 지 어느덧 9일이라는 시간이 흘렀습니다.
클로드 CODE의 강력한 코딩 기획과 제어 능력을 바탕으로 겨우 최적화 작업을 마쳤습니다.
<아래 사진은 수많은 반복과 수행 작업을 했던 과정들입니다>
| 7. 개발 완료 후 수십번의 결과물 테스트 과정
개발이 완료된 후에도 미흡한 부분이 매우 많았습니다. 원화는 이미지 결과물이 나오기 까지 이틀이 걸렸어요,
수많은 수정과 반복의 연속이었죠. 결국 이미지변환과 번역 기능까지 동반한 이 툴은 엄청난 크레딧 소모와 한도량을 불러왔습니다.
하지만 그 많은 댓가를 치루고서도 이 툴을 완성하고 싶었죠.
원화는 작업물이 나올때까지 30번은 확인하고 수정하고 테스트한것 같습니다.
최종 테스트만 2틀을 소모했어요. 위 사진은 거의 마무리 단계의 대쉬보드 툴입니다. 자동이미지변환 툴인것이죠.
기본적인 이미지 변환뿐이나라 글자 편집 기능. 완성본 저장 기능. 유튜브와 인스타와 틱복 스레드 바로가기 기능등 모두 구현한 상태입니다
심지어 일본어로도 자동 번역하며 이미지 배경도 변환 시킬수 있는 많은 기능이 들어간 AI변환 툴입니다.
이번 작업을 하면서 API 사용에 대해서 더 많이 알게 되었고 기능이 많을수록 요구가 많을수록 더 큰 난관들이 찾아왔지만
9일간의 노력과 인내와 목표를 달성하고 나니 나름 참 재밌고 보람찬 일과였습니다.
돈도 많이 썻어요 ㅠㅠ
완성된 최종 이미지 변환 AI 대시보드는 다행히 현재 매끄럽게 작동합니다. 만족도가 100%는 아니지만 또하나의 나만의 디지털 자산이 탄생했습니다.
지금까지 이번달의 거의 AI와 작업하는데 다 시간을 쓴 느낌이네요..^^ 이렇게 AI를 활용해서 내 스스로 AI툴을 기획하고 설계하고 결과물을 탄생시킨것에 대하여
뿌듯함을 느낌니다.
하지만 점점 더 깊이있게 탐험할수록 AI는 더 어려워지는것 같아요……. 아직도 익숙해지지 않는 수많은 환경과 기능들……
아무튼 이번달은 AI와 함께 엄청난 모험을 한 한달이었습니다. 비록 아마추어 툴이지만 저에게 있어서는 엄청난 온라인 자산이랍니다!
이번 경험을 통해 정말 많은것을 느꼇고 경험했으며 많은 자산이 되었습니다.
여러분들도 직접 AI과 함께 도구를 만들어보세요 ^^ 그리고 궁금한 점이나 모르는것들을 서로 소통하며 공유했으면 좋겠습니다!
이상 클로드 CODE와 함께 기획한 이미지 자동변환 AI툴 제작 경험 후기 였습니다 ^^
▼▼ 창작 완성물들을 창고에 저장하여 LIST화 하기 ^^ ▼▼
