바이브 코딩

CI/CDCI/CD

CI/CD 는 음식점 주방의 자동 품질 검사 + 서빙 라인 같은 것 — 코드를 수정할 때마다 자동으로 문제를 점검하고, 이상 없으면 사이트에 바로 반영해주는 자동화 파이프라인 (Pipeline).

CI/CD 는 '지속적 통합 (Continuous Integration)' 과 '지속적 배포 (Continuous Deployment)' 를 합친 말이에요. 쉽게 말하면 공장 컨베이어 벨트와 비슷해요 — 새 제품(코드 변경)이 들어오면 자동으로 품질 검사를 하고, 합격하면 진열대(서버)에 자동으로 올려놓는 흐름이죠. 사람이 일일이 '지금 올려도 되나?' 확인하고 손으로 배포하지 않아도 되는 구조예요.

1인 사이트를 운영할 때 코드를 수정할 때마다 직접 서버에 접속해서 파일을 올리는 건 번거롭고 실수도 잦아요. CI/CD 를 연결해 두면 코드를 저장소 (예: Git 저장소)에 올리는 것만으로 테스트 → 빌드 (Build) → 배포 (Deploy) 가 자동으로 이어져요. 블로그 테마를 수정하거나, 뉴스레터 구독 폼을 고치거나, SaaS 요금제 로직을 바꿀 때도 '저장하면 알아서 반영되는' 환경이 만들어지는 거예요.

처음에는 CI/CD 설정 자체가 어렵게 느껴질 수 있어요. 하지만 Vercel·Netlify 같은 플랫폼은 Git 저장소를 연결하기만 해도 기본 CI/CD 를 자동으로 제공해줘요. AI 에게 'GitHub 에 푸시 (Push) 하면 자동 배포되게 해줘' 라고 요청하는 것이 첫 시작으로 충분해요.

💡 대표 예시

  • 블로그 디자인을 수정하고 Git 에 올렸더니 5분 만에 실서버에 자동 반영됨
  • 뉴스레터 구독 폼 버그를 고친 뒤 배포 버튼 없이 저장소 푸시만으로 라이브 적용됨
  • SaaS 요금제 계산 로직 변경 시 자동 테스트 (Test) 가 돌아 오류를 사전에 잡아냄
  • 커뮤니티 사이트 신기능 추가 후 CI 단계에서 빌드 실패를 감지해 깨진 버전이 배포되는 걸 방지함
  • 쇼핑몰 결제 모듈 업데이트 때마다 수동 FTP 업로드 대신 자동 배포 파이프라인으로 시간 절약
  • 포트폴리오 사이트 콘텐츠 수정 후 커밋 (Commit) 만 해도 자동으로 최신본이 공개됨

🔗 관련 용어

이 개념, 직접 적용해볼까요?

AI와 함께 나만의 사이트·서비스를 만드는 법을 강의에서 배워보세요.