드디어 대만대학교 EiMBA 교차 기수 vibe coding 폐쇄형 공유를 완료했다! 3월에 배포 방법을 익힌 후, 회사는 재무, 프로젝트 관리, 계약 시스템을 직접 구축했고, 더 귀중한 것은 누구나 빌더가 될 수 있다는 것이다. 서로 프로젝트를 활용하고 AI 사고방식을 구축할 수 있다. 스스로 많은 도움을 받았기 때문에 계속해서 적극적으로 대외 공유를 해왔고, 매번 모두가 배포를 완료하는 것을 도와줄 때마다 정말 행복했다! 오늘도 성공했다!

공유 현장

Vibe Coding에서 deploy까지 배우기로 결심한 이유

4년 전, 처음으로 엔지니어를 아웃소싱했을 때 전혀 경험이 없어서 요구사항을 제대로 정리하지 못했고, 시간 견적이 합리적인지 판단할 수 없었다. 매번 기능을 최적화할 때마다(예: 이메일 알림) 100만원 이상이 필요했고, 이러한 능력이 부족하다는 것을 깨달았으며, 운영 비용이 너무 높아서 결국 브랜드를 폐지했다.

이제 드디어 vibe coding이 왔지만, 3월 전까지도 배포 방법을 배우지 못했다. 프론트엔드와 백엔드 코드를 엔지니어에게 건넸는데, 무려 100만원이 필요했고, 정말 가슴이 아팠다. 웹사이트도 오랫동안 온라인이 되지 않았기 때문에 배포 방법을 제대로 배우기로 결심했다. 짧은 시간에 회사의 여러 시스템을 만들었는데, 이 글에서는 먼저 사례를 소개하고 자습 과정을 나누겠다.

현장 상호작용

회사 배경

  • 회사의 사업은 홍보 및 엔터테인먼트 산업을 포함한다.
  • 팀은 한 달 이내에 여러 내부 시스템을 개발하고 배포했다: 보너스 청구 시스템, 프로젝트 관리 시스템, 공식 웹사이트, 직원 교육 훈련 플랫폼, 계약 AI 도구, 견적 시스템 등.
  • 시스템은 이미 사용 중이며 일부 SaaS를 대체하여 수십만 원의 비용을 절감했다.

팀 협업 모드 및 기반 시설

  • AI 사고방식: 전 직원이 AI 사고방식과 Vibe Coding을 학습하도록 요구하며, 크로스 디바이스, 크로스 타임존 협동 개발 및 수정을 지원한다.
  • 통합 계정 시스템: Google Workspace를 전면 사용하며, 모든 AI 도구(Gemini, GPT, Claude, Vercel, Canva 등)와 내부 시스템은 동일한 기업 Google 계정으로 로그인하여 지식 공유 및 권한 통일을 달성한다.
  • 배포 및 공동 편집: Vercel로 배포하며, 코드는 다른 사람들이 활용, 수정, 공동 편집할 수 있어 탈중앙화된 웹사이트 유지 관리 모드를 형성한다.
  • 지식 전승: 개발 과정과 지식을 완전하게 기록하고 보존하는 것을 중시한다.

사례 공유

사례 설명

사례 1: 재무 및 보너스 청구 시스템

  1. 계약 관리: 계약을 업로드한 후, AI가 자동으로 날짜, 갑을, 수금일 및 각 기별 금액을 인식한다.
  2. 프로젝트 관리: 계약 정보가 자동으로 프로젝트 관리 영역으로 흘러 들어가고, 송장과 수금 진행 상황을 추적할 수 있다.
  3. 비용 감시: 동료들이 시스템에서 교통비, 보험료, 식비 등의 지출을 감시할 수 있다.
  4. 원가 및 이윤 계산: 비용이 해당 프로젝트와 연계되어 운영 비용, 총이익률을 자동 계산하고 손익계산서와 현금 흐름표를 생성한다.
  5. 송금 및 송장 알림: 직원이 송금 신청을 제출하고 재무 부서에 알림하며, 시스템은 전표로 사용할 PDF를 생성할 수 있다.

특수 기능: "눈" 기능으로 한 번에 민감한 재무 수치(예: 은행 잔액)를 모자이크 처리할 수 있다.

사례 2: OBAsana(내부 프로젝트 관리 시스템)

Asana를 대체하여 비용을 절감한다(원래 연간 약 70~80만원). 핵심 기능은 Asana를 모방하며, 일일 작업 영역, 팀 프로젝트 영역을 제공하고, 목록, 칸반, 간트, 달력, 대시보드 등 다양한 보기를 지원한다.

사례 3: 공식 웹사이트

기존 WordPress에서 자체 개발 웹사이트로 이전했다. 서비스 항목, 전략 설명 등은 AI가 회사 Google 클라우드 프로젝트 자료를 분석하여 자동으로 생성되며, 인력으로 작성하지 않는다.

글 발행 자동화:

  1. 글과 이미지를 단일 폴더로 정리
  2. AI 명령을 사용하여 시스템이 해당 폴더 내용을 가져옴
  3. AI가 자동으로 초안, 배치도를 생성하고 프론트 페이지에 발행

사례 4: 기업 내부 학습 웹

신입 교육 반복 설명의 문제를 해결하고 교육 비용을 절감한다. AI가 Google 클라우드에 있는 회사 지식 자료를 깊이 있게 탐색하고 구조화된 교육 훈련 웹사이트로 정리한다. 신입은 계획된 경로에 따라 학습하며, AI가 자동으로 생성한 시험을 포함하고 있으며, 문제는 무작위로 출제되어 암기를 피한다.

사례 5: 계약 및 견적 생성 시스템

웹 인터페이스를 제공하며, 영업 직원이 선택 및 작성을 통해 고객이 필요한 계획 및 서비스를 선택할 수 있다. 고객 이름과 요구 옵션을 입력하면 시스템이 자동으로 견적을 계산하고, "계약 생성" 버튼을 클릭하면 회사의 일반 형식에 맞는 완전한 계약 PDF가 생성된다.

학원과의 합시

문과 출신 프로그래밍 초보자, 회사에 엔지니어가 없는 팀이 이렇게 협업할 수 있다니, 정말 신기하다!

사용 도구

  1. Mac 시리즈
  2. Claude Code terminal 제작
  3. Vercel 배포

학습 시간축

시간마일스톤
2025/10Google AI Studio 학습
2026/2/21설날 Claude + Open Claw 연구
2026/3/4terminal 접촉, Claude + 배포
2026/3/15회사 재무 시스템 + OB 프로젝트 관리 도구 개발
2026/04동료에게 Vibe Coding 함께 진행 + 워크숍 개시

현장 학습 분위기

Vibe Coding의 5가지 프로세스

  1. 문제 발견: 크로스플랫폼 신청으로 인한 결산 누락 등. 당시 재무는 Simpany, nuieip, Asana 등 7~8개 플랫폼으로 분산되어 있었다.
  2. 해결 방법 구상: 다중 시스템 통합 또는 원스톱 플랫폼 구축을 결정하며, 핵심 목표는 "결산 누락 없음"이다.
  3. 현행 업무 흐름 탐색: 업무, 재무, 운영 등 역할이 재무 흐름에서 수행하는 업무 내용과 통증을 분석한다.
  4. 아키텍처 구상: 프로젝트 원가, 계약, 판매 등 모듈 관계를 계획한다.
  5. 제작 및 배포: 빠른 배포, 지속적 최적화를 채택하며, 최소 가용 버전을 먼저 배포하고 사용 피드백에 따라 매일 반복한다.

나의 자습 철학

후설적 학습: 새로운 것을 배우는 방법을 이해하는 것이다. 나는 완전히 새로운 것을 배우고 있으며, "후설적 학습"을 신봉하면서 먼저 해당 분야의 소통 언어와 지식을 이해하여 자신이 빠르게 해당 분야의 사고방식에 융화되게 하고, 이후 행동으로 옮기며, 시도와 학습을 통해 반복적인 실행으로 지식의 경계를 확대하고 심화한다.

**"자습에서 교학까지, 비로소 진정한 학습"": 어떤 것의 본질을 이해하려면 자신이 배우는 것 외에도 다른 사람에게 공유할 수 있어야 하며, 이것이 진정한 학습이다.

전문가에게 조언을 구하고 지속적으로 경계를 돌파하며 학습하고 공유한다: "잘못된 인식 속에서 답을 찾는 것은 잘못된 해결책만 얻을 뿐"이므로, 어떤 것을 배울 때는 전문가에게 조언을 구해야 빠르게 맹점을 돌파하고 인식의 경계를 열 수 있다.

종료 합시


Vibe Coding에서 deploy까지 배우면 정말 내 주변 환경에 큰 변화를 가져왔고, 팀과의 협업은 더욱 귀중했다. 우리는 단지 새로운 기술을 배우는 것이 아니라 사고방식을 전환하고 자습 능력을 강화하는 것이다. 원래의 소통은 실행 측면이었지만, 이제의 소통은 모두 "우리가 어떻게 더 효율적일까", "우리가 어떻게 해결 방법을 찾을까", "우리가 어떻게 업무 흐름을 반성할까", "우리가 어떻게 지식을 전승할까"이다——성장형 사고방식의 조직을 구축하는 것이, 정말 가장 행운한 일이다!