Articlegpters.org·2026년 7월 9일·0

AI 커뮤니티 - 지피터스

Quick Summary

비전공자와 커뮤니티 구성원들이 AI를 활용해 업무 앱 개발, 후기 리뷰 자동화, 회고 기록 자동화, 웨딩 영상 제작을 직접 구현하며 작은 단계, 검증, 백업, 사람 승인, 구체적 맥락 제공의 중요성을 확인한 사례 모음이다.

AI 커뮤니티 - 지피터스 관련 대표 이미지

🖼️ 인포그래픽

AI 커뮤니티 - 지피터스 내용을 설명하는 본문 이미지

🖼️ 4컷 인포그래픽

AI 커뮤니티 - 지피터스 내용을 설명하는 본문 이미지

💡 한 줄 요약

비전공자와 커뮤니티 구성원들이 AI를 활용해 업무 앱 개발, 후기 리뷰 자동화, 회고 기록 자동화, 웨딩 영상 제작을 직접 구현하며 작은 단계, 검증, 백업, 사람 승인, 구체적 맥락 제공의 중요성을 확인한 사례 모음이다.

📌 핵심 요약

  • 현직 공인중개사는 이동이 잦은 중개 업무를 정리하기 위해 Claude와 함께 React·Vite 프론트엔드, Node.js·Express·Mongoose 백엔드, MongoDB Atlas 데이터베이스를 연결한 To-Do 앱을 만들고 Heroku와 Vercel에 배포했다.
  • 클라우드 배포 과정에서는 환경변수 분리, MongoDB 버전 문제, DNS SRV 조회 오류, Atlas 접근 허용목록, localhost 주소 문제 등을 겪었고, 이를 해결하며 로컬 개발과 실제 배포 환경의 차이를 체감했다.
  • 지피터스 웨비나 후기 리뷰 자동화 사례에서는 AI 직원 ‘뽀둥이’가 후기 모으기, 캡처와 SNS 링크 확인, 채점, 우수후기 선정, 메일 발송, 결과 정리까지 처리하도록 만들었고, 실패가 생길 때마다 백업·중앙 규칙·사람 승인 같은 안전장치를 추가했다.
  • 매일 1% 성장 회고 자동화 사례는 메신저 알림, Google Form, 8개 회고 질문, Markdown 파일 생성, 개인 지식 저장소 업로드로 이어지는 흐름을 만들어 회고를 의지보다 구조로 지속하려는 시도였다.
  • 결혼식 축하 영상 제작 사례는 ChatGPT, DALL-E, Suno, Antigravity, Remotion, Google Flow, Genspark를 조합해 20년 지기 친구를 위한 5분 분량의 웨딩 애니메이션 뮤직비디오를 만든 과정이며, 수동 씬 제작·렌더링 오류·자막 싱크 문제를 해결한 경험을 담고 있다.

🧩 주요 포인트

  1. 현직 공인중개사는 이동이 잦은 중개 업무를 정리하기 위해 Claude와 함께 React·Vite 프론트엔드, Node.js·Express·Mongoose 백엔드, MongoDB Atlas 데이터베이스를 연결한 To-Do 앱을 만들고 Heroku와 Vercel에 배포했다.
  2. 클라우드 배포 과정에서는 환경변수 분리, MongoDB 버전 문제, DNS SRV 조회 오류, Atlas 접근 허용목록, localhost 주소 문제 등을 겪었고, 이를 해결하며 로컬 개발과 실제 배포 환경의 차이를 체감했다.
  3. 지피터스 웨비나 후기 리뷰 자동화 사례에서는 AI 직원 ‘뽀둥이’가 후기 모으기, 캡처와 SNS 링크 확인, 채점, 우수후기 선정, 메일 발송, 결과 정리까지 처리하도록 만들었고, 실패가 생길 때마다 백업·중앙 규칙·사람 승인 같은 안전장치를 추가했다.
  4. 매일 1% 성장 회고 자동화 사례는 메신저 알림, Google Form, 8개 회고 질문, Markdown 파일 생성, 개인 지식 저장소 업로드로 이어지는 흐름을 만들어 회고를 의지보다 구조로 지속하려는 시도였다.
  5. 결혼식 축하 영상 제작 사례는 ChatGPT, DALL-E, Suno, Antigravity, Remotion, Google Flow, Genspark를 조합해 20년 지기 친구를 위한 5분 분량의 웨딩 애니메이션 뮤직비디오를 만든 과정이며, 수동 씬 제작·렌더링 오류·자막 싱크 문제를 해결한 경험을 담고 있다.

🧠 상세 정리

1. 비전공자의 To-Do 앱 개발과 클라우드 배포

첫 번째 사례는 개발 비전공자인 현직 공인중개사가 자신의 업무 흐름에 맞춘 To-Do 앱을 직접 만든 이야기다. 매물접수, 광고관리, 집보기, 계약, 잔금·중도금, 서류, 고객상담처럼 이동 중에도 관리해야 하는 일을 한눈에 정리하는 것이 출발점이었다. 작성자는 Claude를 AI 페어 프로그래밍 도구로 사용하며 한 번에 전체를 맡기지 않고, 백엔드 서버 만들기, CRUD 라우터 만들기, API 주소 환경변수 분리처럼 작은 단위로 질문하고 확인했다. 결과적으로 React와 Vite 기반 프론트엔드, Node.js와 Express 기반 백엔드, MongoDB Atlas 데이터베이스를 연결하고 Heroku와 Vercel에 배포해 인터넷 어디서나 접속 가능한 서비스를 완성했다. 개발자도구의 Network 탭에서 클라우드 백엔드 요청과 200 OK 응답을 확인하며 실제 연결도 검증했다.

2. 배포 과정에서 드러난 로컬과 클라우드의 차이

To-Do 앱 사례에서 가장 중요한 학습은 ‘내 PC에서 되는 것’과 ‘클라우드에서 되는 것’이 다르다는 점이었다. MongoDB가 윈도우10에서 실행되지 않아 8.0 LTS 버전으로 바꾸었고, Atlas 연결 중 querySrv ECONNREFUSED 문제가 발생하자 코드에서 공개 DNS를 지정해 해결했다. 배포 뒤 Application error가 발생한 원인은 Atlas 접근 IP 허용목록이 집 IP에만 묶여 있었기 때문이었고, 외부 접근을 허용한 뒤 재시작해 해결했다. 또 배포 후에도 앱이 localhost로 연결되는 문제는 .env 파일이 깃에 올라가지 않는 구조와 관련되어 있었고, 배포 호스트에 환경변수를 직접 등록하는 방식으로 정리했다. 작성자는 비밀번호와 실제 주소를 코드나 깃에 올리지 않고 .env와 .gitignore를 활용해야 한다는 보안 원칙도 함께 강조했다.

3. 웨비나 후기 리뷰 자동화와 안전장치의 축적

두 번째 사례는 지피터스 웨비나가 끝난 뒤 수십 장에서 수백 장의 SNS 후기 인증사진을 확인하고, 점수를 매기고, 우수후기를 뽑고, 선물 메일을 보내고, 결과를 표로 정리하던 반복 업무를 자동화한 과정이다. AI 직원 ‘뽀둥이’는 매번 처음부터 설명을 듣는 도구가 아니라, 업무 노트와 과거 맥락을 읽고 시작하는 담당자처럼 설계되었다. 초기에는 여러 사진을 한꺼번에 처리하려다 에러가 났고, 이후 한 사람 후기씩 따로 보게 바꾸어 81명 규모도 처리할 수 있게 되었다. 채점 결과 30명분이 날아간 사고 뒤에는 저장 직전 자동 백업을 넣었고, 모델 규칙이 여러 곳에 복사되어 생긴 문제 뒤에는 중요한 규칙을 한 곳에만 모았다. 캡처만 믿지 않고 SNS 링크를 함께 확인하며, 메일 발송 직전에는 사람이 명단을 승인하도록 해 자동화와 사람 검토를 결합했다.

4. 회고 자동화: 의지보다 시작하기 쉬운 구조 만들기

세 번째 사례는 매일 1% 성장 회고를 꾸준히 하기 위해 회고 자체가 아니라 회고 시작의 마찰을 줄인 실험이다. 작성자는 회고를 하고 싶어도 무엇을 써야 할지, 어디에 기록해야 할지, 나중에 어떻게 다시 볼지 고민하다 미루는 일이 많았다고 설명한다. 그래서 매일 밤 메신저로 알림을 받고, Google Form 링크를 눌러 8개 질문에 답하면, 제출된 응답이 Markdown 파일로 자동 정리되어 개인 지식 저장소에 날짜별로 쌓이는 구조를 만들었다. 질문은 오늘 한 줄 요약, 잘한 일, 아쉬웠던 순간과 다음 대응, 새로 배운 것, 감사한 것, 만족도 점수와 이유, 내일 다르게 할 행동, 내일의 나에게 한 문장으로 구성되었다. 핵심은 회고를 자기비판이 아니라 내일을 조금 더 좋게 만드는 피드백 루틴으로 바꾸는 것이었다.

5. AI 도구 조합으로 만든 웨딩 애니메이션 영상

네 번째 사례는 20년 지기 친구의 결혼을 축하하기 위해 전용 웨딩 애니메이션 뮤직비디오를 만든 제작기다. 작성자는 ChatGPT로 관계 해석, 가사 추출, 프롬프트 작성, 이미지 생성을 진행하고, Suno로 웨딩 팝 테마곡을 만들었으며, Antigravity와 Remotion 기반 하네스를 활용해 장면 구성, 자막, 음원, 효과음을 코드로 결합했다. Google Flow로는 ChatGPT에서 만든 일러스트에 움직임을 부여해 30개의 애니메이션 클립을 만들었고, Genspark로는 보컬 호흡에 맞춘 정밀 타임스탬프를 추출했다. 과정은 순탄하지 않았는데, Flow가 한 번에 8초짜리 영상만 만들 수 있어 5분 8초 분량을 채우기 위해 많은 씬을 수동으로 준비해야 했다. 또한 실사 얼굴이 노출되는 문제, 세로형으로 잘못 렌더링되는 문제, 자막 싱크가 맞지 않는 문제를 겪었고, 최종적으로 동물 캐릭터 중심의 가로형 영상과 수동 정밀 타임라인 데이터로 해결했다.

🧾 핵심 주장 / 시사점

  • 반복 업무나 개인 루틴 자동화의 핵심은 처음부터 완벽한 시스템을 만드는 것이 아니라, 실패가 난 지점마다 백업·검증·승인 같은 손잡이를 붙여 같은 사고가 반복되지 않게 만드는 데 있다.
  • 비전공자에게 AI는 전체를 한 번에 맡기는 도구보다 작은 단위로 지시하고 결과를 확인하며 다음 단계로 넘어가게 해주는 페어 작업 파트너로 쓰일 때 효과가 컸다.
  • AI로 생산성과 제작 범위를 넓힐수록 결과물의 품질은 도구 자체보다 구체적인 맥락, 실제 업무 흐름, 개인적 추억, 검증 가능한 데이터 제공에 더 크게 좌우된다.

✅ 액션 아이템

  • 클라우드 배포 전 React·Vite/Node.js·Express 앱에서 환경변수 분리, MongoDB 버전, DNS SRV 조회, Atlas 허용목록을 함께 점검한다.
  • 후기 리뷰 자동화는 수집, 캡처, 채점, 우수후기 선정, 메일 발송, 결과 정리에 대해 실패마다 백업·중앙 규칙·사람 승인 단계를 둔다.
  • 회고 자동화는 메신저 알림, Google Form, 8개 질문, Markdown 생성, 개인 지식 저장소 업로드를 연계해 구조적으로 실행을 유지한다.

❓ 열린 질문

  • Heroku와 Vercel 배포 간 로컬·클라우드 차이를 줄이려면 환경 설정을 어떤 기준으로 맞춰야 하는가?
  • AI 직원 뽀둥이가 후기 수집에서 결과 발송까지 처리할 때 사람 승인 범위는 어느 지점까지 둬야 적절한가?
  • 웨딩 영상 제작에서 수동 씬 제작, 렌더링 오류, 자막 싱크 재발을 막으려면 어떤 선제 점검을 어떤 순서로 둘 것인가?

관련 문서

공통 태그와 주제 흐름을 기준으로 같이 보면 좋은 문서를 이어서 제안합니다.