반응형
안녕하세요! 요즘 네이버 블로그에 글을 쓰면서 이미지 업로드 용량이나 포맷 변환 때문에 번거로우셨던 적 없으신가요?
게다가 최근 네이버 블로그 색인 알고리즘이 변하면서 단순 정보성 글은 상위 노출이 어렵고, 실제 자신이 겪은 체험과 실패, 그리고 성공의 과정이 담겨야만 정성스러운 글로 인정을 받기 시작했습니다.
그래서 저는 이번에 제가 직접 겪은 불편함을 해결하기 위해, 최근 핫한 '바이브 코딩(Vibe Coding)'과 AI를 활용하여 "24시간 켜져 있는 내 컴퓨터를 활용한 이미지 최적화 및 웹 업로드 서비스"를 직접 개발해 보았습니다!
코딩 지식이 깊지 않아도 AI와 대화하며 원하는 기능을 말하기만 하면 결과물이 뚝딱 나오는 바이브 코딩의 짜릿한 성공과 실패의 경험을 생생하게 공유합니다.
💡 왜 만들게 되었을까요? (나의 가려운 곳 긁기)
기존에는 인터넷에서 다운로드한 고용량 PNG나 JPG 이미지를 블로그에 올리기 위해 일일이 압축 사이트에 접속하거나 포토샵을 켜야 했습니다.
처음에는 화면에 이미지를 마우스로 툭 던지면(Drag & Drop) 알아서 최적화해 주는 가벼운 윈도우 프로그램을 만들어서 아주 잘 쓰고 있었습니다.
하지만 인간의 욕심은 끝이 없는 법! 집 컴퓨터가 24시간 켜져 있다 보니, "밖에서도 스마트폰으로 나만의 비밀 웹사이트에 접속해서 이미지를 툭 올리면, 집 PC가 알아서 최고 효율로 압축해 저장해 주면 얼마나 편할까?" 하는 생각이 들었습니다. 바로 AI에게 바이브 코딩을 요청했습니다.
❌ 첫 번째 시도와 처참한 실패 사례
처음에는 무작정 AI에게 *"웹사이트 만들고 이미지 받아서 저장해 줘"*라고 명령했습니다. AI가 짜준 복잡한 HTML과 백엔드 코드를 복사해서 붙여넣었죠.
첫 번째 실패: 지옥의 네트워크 에러
집 안에서는 웹사이트가 기가 막히게 열리고 업로드도 잘 되었습니다. 하지만 카페에 나가 스마트폰으로 접속하니 '사이트에 연결할 수 없음' 에러가 떴습니다. 공유기 포트포워딩과 외부 IP 접근 개념을 몰랐던 것입니다.
두 번째 실패: 덮어쓰기 대참사
기존 드롭 프로그램의 로직을 그대로 가져오다 보니, 동일한 이름의 파일(예: image.png)을 올리면 기존에 힘들게 압축해 둔 원본이 경고도 없이 덮어씌워져 날아가는 치명적인 버그가 발생했습니다. 순간 멘탈이 흔들렸습니다.
🛠️ 실패를 통해 학습하는 AI, 그리고 값진 성공!
실패를 겪고 나서 AI와 다시 머리를 맞댔습니다. 에러 로그를 그대로 복사해 AI에게 던지고, 문제를 하나씩 조율해 나갔습니다. 바이브 코딩의 진가는 여기서 발휘되었습니다.
1. 외부 접속 문제 해결 (ngrok / Cloudflare 결합)
복잡한 공유기 설정 대신, 오픈소스 터널링 툴을 연동하라는 AI의 조언을 따랐습니다. 코드 몇 줄과 툴 하나로 24시간 켜진 집 PC를 전 세계 어디서나 스마트폰 브라우저로 접속할 수 있는 보안 웹 서버로 변신시켰습니다.
2. 파일 안정성 업그레이드
파일이 덮어씌워지는 문제를 해결하기 위해, 파일이 업로드되는 순간 고유한 타임스탬프(20260616_171030_)를 파일명 앞에 자동으로 붙이도록 코드를 수정했습니다. 혹시 모를 상황을 대비해 원본은 백업 폴더로 조용히 격리하는 로직도 추가했습니다.
3. 극도의 간결함, 파이썬 'Streamlit' 활용
복잡한 웹 디자인 코드를 다 걷어내고, 단 몇 줄로 깔끔한 드롭존 웹 화면을 만들어주는 파이썬 프레임워크를 적용했습니다. 스마트폰 화면에서도 완벽하게 구동되는 심플한 UI가 탄생했습니다.
🔥 완성된 서비스의 기막힌 유용성
현재 저는 외부에 있거나 카페에서 자료 조사를 할 때 이 서비스를 200% 활용하고 있습니다.
- 스마트폰 캡처 후 즉시 업로드: 폰으로 유용한 정보를 캡처한 뒤, 내 비밀 웹사이트에 접속해 파일 선택만 누르면 끝납니다.
- 백엔드 자동화 엔진 작동: 24시간 켜져 있는 집 컴퓨터가 이미지 데이터를 수신하자마자 WebP 포맷으로 초고속 압축합니다. 화질은 그대로인데 용량은 80% 줄어듭니다.
- 블로그 포스팅 준비 완료: 퇴근하고 집에 와서 컴퓨터를 켜면, 낮에 밖에서 올렸던 이미지들이 완벽하게 다이어트 된 상태로 지정 폴더에 예쁘게 정렬되어 있습니다. 글 쓸 때 그냥 불러오기만 하면 되니 시간이 절반으로 단축되었습니다.
🎯 결론: 소소하지만 단단한 마이크로 툴의 가치
GitHub에는 대기업이나 수백 명의 개발자가 참여한 거대한 오픈소스 프로젝트들이 가득합니다. 하지만 저는 개인이 일상에서 느끼는 사소한 불편함을 완벽하게 지워주는 작은 유틸리티야말로 가장 큰 가치를 지닌다고 믿습니다.
개발 지식이 완성되지 않았어도 괜찮습니다. 내가 겪는 불편함을 명확하게 정의하고, AI와 끊임없이 소통하며 실패를 수정해 나가는 '바이브 코딩'만 있다면 누구나 자신만의 강력한 자동화 공장을 가질 수 있습니다. 24시간 켜져 있는 컴퓨터가 있다면 지금 당장 나만의 마이크로 서비스를 기획해 보세요!
궁금한 점이 있으시다면 댓글로 남겨주세요. 모두 즐거운 자동화 라이프 되세요! ✨
이 글이 유용하셨다면 공감과 댓글 부탁드립니다!
#바이브코딩 #서비스개발 #AI #후기 #네이버블로그 #개발자 #자동화 #생산성 #오픈소스 #이미지압축
반응형