CodeFlowHub | 딸깍코딩 프로그램 제작소

  AI 배경 제거 실사용 화면 100% 무료 & 개인정보 걱정 없는 ‘AI 배경 제거’ 사이트 제작후기 왜 이 도구를 직접 만들게 되었나? 인터넷에 수많은 '누끼 따기(배경 제거)' 사이트가 있고, 많은 이용을 해봤지만 크게 3가지가 아쉬웠습니다. 첫째, 개인정보 보안: 내 사진이 서버에 업로드되어 어디에 저장될지 모른다는 불안감. 둘째, 유료 결제 유도: 고화질로 받으려면 결제를 해야 하거나 가입을 요구하는 번거로움. 셋째, 횟수제한: 몇 번 사용을 하다보면 하루 제한 횟수에 막혀 사용을 하지 못함. 저는 이 고민을 해결하기 위해 '서버 업로드 없이 내 브라우저에서 즉시 처리되는 AI 도구'를 직접 만들기로 결심했습니다. 그리고 요즘 핫한 클로드 코드를 활영하여 '바이브코딩' 방식을 통해 기획부터 구현까지 어렵지 않게 만들게 되었습니다. 그럼 저만의 프로젝트를 소개합니다. 'AI 이미지 배경 제거' 사이트의 핵심 기능 이 서비스는 단순한 배경 제거를 넘어 사용자의 '데이터 주권'을 최우선으로 생각합니다. 브라우저 로컬 프로세싱: 사진을 서버로 보내지 않습니다. 사용자의 PC/모바일 브라우저 안에서 AI 모델이 직접 구동됩니다. (100% 비공개 보장) 고화질 PNG 저장: 투명 배경의 PNG 파일을 화질 저하 없이 무료로 다운로드할 수 있습니다. 무한횟수: 횟수제한 없이 무료로 계속해서 서비스를 이용할 수 있습니다. 속도와 편의성: 업로드 대기 시간 없이 파일 선택 즉시 AI가 피사체를 분석하여 배경을 지워줍니다. 직접 만들고 사용해보며 느낀 꿀팁들 우선 이 툴을 만들면서 Ui적인 측면보다 더 크게 생각한 부분은 사용자가 안전하게 사이트를 이용할 수 있는 부분에 포커스를 맞추게 되었습니다. 그렇다보니 사용자 로컬에 최초1회 모델(WASM)을 다운받고 이용을 하다보니 인터넷이 느린 환경은 단점으로 지적될 수 있지만 이는 최초1회만 느릴 뿐 더 이상의 단점으로 작용하지...

WK Flow Automation 사용화면   Flow 이미지 생성 자동화: 클릭 한 번으로 100장 뽑고 자동 정리까지 (WK Flow Automation) AI 이미지 생성 툴인 구글의 Flow 는 훌륭한 퀄리티를 보여주지만, 대량의 이미지를 만들 때는 치명적인 단점이 있습니다. 프롬프트를 하나씩 입력하고, 생성이 끝나면 일일이 다운로드 버튼을 눌러야 하며, 파일명도 제멋대로라 나중에 정리하는 게 더 일입니다. 이런 '단순 반복의 고통'에서 벗어나기 위해, 제가 직접 제작한 “ WK Flow Automation” 을 소개합니다. 제작 배경: 내 소중한 시간을 지키자! 여러분, Flow에서 이미지 100장을 만들려면 최소 300번 이상의 클릭 이벤트가 필요합니다. 프롬프트 입력 → 생성 클릭 → (대기) → 업스케일 클릭 → (대기) → 다운로드 클릭... 이 과정을 수십 번 반복하다 보면 "내가 크리에이터인가, 클릭 노가다꾼인가"라는 현타가 옵니다. 그래서 프롬프트만 던져주면 알아서 생성하고, 고화질로 저장하고, 파일명까지 순차적으로 딱딱 붙여주는 크롬 확장 프로그램인 “ WK Flow Automation” 자동화 프로그램을 만들었습니다. 핵심 기능: 무엇이 다른가? WK Flow Automation 은 실무자의 워크플로우를 그대로 자동화에 녹여냈습니다. 대량 프롬프트 일괄 처리: 줄바꿈으로 구분된 프롬프트를 한 번에 최대 100개까지 입력하면 순차적으로 자동 생성합니다. 자동 2K 업스케일 & 다운로드: 생성 완료 후 별도 클릭 없이 2K 고화질 업스케일을 거쳐 즉시 내 PC로 저장됩니다. 전체 다운로드: 타 프로그램과는 다르게 전체 다운로드 기능을 제공하여 순차적 저장이 아닌 한번의 일괄 다운로드가 가능합니다.(2K 고화질 미사용) 지능형 파일 넘버링 및 폴더 관리: 지정한 프로젝트명으로 폴더를 만들고 1_ , 2_ 순서로 파일명을 붙여 저장합니다. 추후 편집 프로그램에서 소스를 불러올 때 정리 시간을 ...

그록 영상 동시 생성 '진행' 화면 클릭 한번으로 Grok 대량 영상생성 자동화 제작후기 Ai로 영상 제작을 하다 보면 가장 큰 병목 현상은 대기 시간 입니다. 하나가 만들어질 때까지 화면을 멍하니 바라봐야 했던 답답함을 해결하기 위해, 직접 바이브 코딩으로 동시 생성과 대량 제작이 가능한 'Grok Imagine Auto'를 직접 제작하게 되었습니다. 이 툴은 기존의 하나씩 생성되던 방식과는 전혀 다른, 동시 생성 이 가능한게 큰 장점입니다. 즉 클릭 한번으로 8개가 동시 생성됩니다.(현재 기준) 왜 병렬 자동화가 필요한가? 그록 영상을 생성하기 위해 현재 대부분의 크롬 확장 프로그램이나 웹 UI는 단일 작업 방식 을 취하고 있습니다. 고로 영상 한 개가 생성되는 동안 다음 작업을 할 수 없는 단점이 있습니다. 문제점: 대량의 숏폼이나 롱폼 영상 소스를 만들 때 대기 시간이 길어져 비효율적임. 해결책: 브라우저 탭을 병렬로 제어하여 물리적인 대기 시간을 1/8로 단축. Grok Imagine Auto 주요 기능 및 특징 이 툴은 단순한 매크로를 넘어 실질적인 제작 워크플로우를 고려해 설계되었습니다. 병렬 탭 생성 (Multi-Tab Processing) 기존 방식이 1번 영상을 만들고 2번으로 넘어갔다면, Grok Imagine Auto 는 현재 최대 8개의 브라우저 탭을 동시에 열어 명령을 내립니다. 이는 작업 속도가 이론적으로 800% 향상 됨을 의미합니다. 스마트 파일 매칭 및 저장 드래그 앤 드롭: 여러 장의 이미지를 한 번에 업로드. 프롬프트 1:1 매칭: 텍스트 영역에 줄바꿈으로 프롬프트를 입력하면 업로드된 이미지와 순서대로 자동 매칭됩니다. 로컬 자동 저장: 생성 완료된 영상은 지정된 폴더로 내 PC에 즉시 저장되어 관리가 용이합니다. 실시간 상태 모니터링 우측 대시보드를 통해 각 영상의 생성 상태(완료 여부)를 실시간으로 확인할 수 있어 대량 작업 시 흐름을 놓치지 않습니다. 개발 스토리 이 프로그램은 복잡...

  제작 동기: 반복 작업에서 벗어나기 최근 Grok의 이미지 생성 및 영상 변환 기능이 강력해지면서 많은 작업을 하고 있습니다. 하지만 grok.com/imagine 페이지에서 이미지를 하나씩 업로드하고, 영상 변환을 기다렸다가 다시 다운로드하는 과정은 상당한 인내심을 요구합니다. 만약, 100개의 영상을 만든다면 이 과정을 100번 반복해야 합니다. 또한, 다운로드시 순차적으로 저장되지 않을 뿐더러 파일명을 순차적으로 일일히 바꾸는 것 또한 상당히 귀찮은 일입니다. 그래서 이 단순하고 반복적인 업무 시간을 줄이기 위해 AI와 대화하며 바이브 코딩으로 크롬 전용 확장 프로그램을 제작해 보았습니다. 프로젝트의 핵심: 바이브 코딩 프롬프트 이 툴의 핵심은 자동화 제작으로 인해 사용자 경험을 높이는 것이었습니다. 순차적으로 이미지를 첨부한뒤 프롬프트를 입력한 후 영상 생성이 완료되면 지정된 폴더에 오름차순 넘버링으로 저장되는 옵션까지 자동화를 목표로 삼았습니다. 작업 방법 1.먼저 사용한 툴은 제미나이의 Canvas를 이용하여 제작하게 되었습니다. 2.제가 AI에게 던진 첫 번째 설계 프롬프트는 다음과 같습니다. "Grok.com에서 이미지 업로드, 영상 변환, 다운로드 과정을 자동화하는 크롬 확장 프로그램을 만들어줘. 우측 사이드 패널에서 작동해야 하며, 최대 100개의 이미지를 드래그 앤 드롭으로 처리하고 줄바꿈된 프롬프트와 매칭되어야 해." 단순한 명령이었지만, AI는 이를 바탕으로 크롬 확장 프로그램의 기본 구조인 manifest.json 부터 사이드 패널 UI 구현을 위한 HTML/JS 코드를 순식간에 생성해 주었습니다. 그리고 AI가 생성한 파일은 다음과 같습니다. 생성되는 파일 목록 manifest.json : 확장 프로그램의 권한과 기본 설정을 담당합니다. sidepanel.html : 사용자에게 보여지는 UI (Tailwind CSS 포함)와 조작 로직이 포함된 메인 파일입니다. background.js : 확장 프로그램 아이콘...