가이드 실전 프로젝트
🛠️ Chapter 17 / 22

실전 프로젝트

카페24 대시보드, 재고 알림, 해외 주문 트래커.

이그니스 실전 프로젝트

프로젝트 1: 클룹 에반게리온 콜라보 대시보드

카페24에서 내려받은 매출 엑셀을 드래그앤드롭으로 업로드하면 자동으로 차트가 그려지는 웹 도구입니다.

실전 프롬프트 (이대로 Claude Code에 붙여넣으세요): 
이 폴더에 클룹_에반게리온_캠페인.xlsx가 있어.

대시보드 웹페이지를 만들어줘.



차트 구성


  1. 상단 KPI 카드 4개: 총 매출 / 총 주문수 / 평균 단가 / 전주 대비 성장률
    2. 

  2. SKU별 매출 추이 라인 차트 (스프린트 에반게리온 4종)
    3. 

  3. 채널별 매출 비중 파이 차트 (자사몰/쿠팡/네이버/편의점)
    4. 

  4. 콜라보 굿즈 판매 랭킹 테이블



인터랙션


  • 기간 필터 (DatePicker), 채널 멀티 선택, SKU 검색



기술


  • React + TypeScript + Tailwind CSS + Recharts
    • 

  • 색상: 이그니스 브랜드 컬러 (#E87040 주황, #1E293B 다크)
    • 

  • 반응형 (모바일에서도 볼 수 있게)

Claude가 코드를 생성하면 "실행해줘"로 확인한 뒤, 단계별로 피드백합니다:

[1차] 카페24 엑셀 드래그앤드롭 업로드로 바꿔줘. 칼럼명 "주문번호(order_no)" 형식에서 괄호 안 영문 자동 제거해줘.

[2차] 차트가 빽빽해. KPI+채널 차트만 먼저 보여주고 스크롤하면 나머지 나오게. 편의점은 GS25/CU/세븐일레븐 세분화.


[3차] 칼럼 자동 매칭 추가. "매출액"/"매출"/"sales" 같은 유사 칼럼명도 자동 인식. 매칭 안 되면 드롭다운으로 직접 매핑.

3-4번 대화를 주고받으면 팀에서 바로 쓸 수 있는 대시보드가 완성됩니다.

프로젝트 2: 한끼통살 재고 알림 시스템

285개 SKU의 재고를 매일 확인하는 대신, 부족한 SKU만 Slack으로 자동 알림합니다.

실전 프롬프트: 
한끼통살 재고 엑셀을 읽어서 재고 부족 SKU를

Slack #한끼통살-운영 채널에 자동 알림 보내는 스크립트 만들어줘.



입력


  • input/ 폴더에 재고 엑셀 (칼럼: SKU코드, 상품명, 현재재고, 안전재고, 일평균출하량)



로직


  1. 현재재고 < 안전재고인 SKU 찾기
    2. 

  2. 예상 소진일 = 현재재고 / 일평균출하량
    3. 

  3. 긴급도: 위험(3일 이내) / 주의(7일 이내) / 관찰(14일 이내)



Slack 알림


  • Webhook URL은 .env의 SLACK_WEBHOOK_URL
    • 

  • "[재고 부족 알림]" 제목으로 SKU명, 현재 재고, 예상 소진일 표시



기술


  • Python + openpyxl + requests + python-dotenv
    • 

  • cron 스케줄링 방법도 알려줘

완성 후 매일 자동 실행:

# crontab -e 후 추가

0 9 * * * cd /Users/me/stock-alert && python3 main.py >> log.txt 2>&1

프로젝트 3: 브레이 나노쿠션 해외 주문 트래커

일본/EU 해외 주문 현황을 한눈에 보는 도구입니다.

실전 프롬프트: 
브레이 나노쿠션 해외 주문 관리 도구를 만들어줘.


핵심 기능


  1. 해외 주문 엑셀 업로드 (주문번호/국가/상품명/수량/통화/금액/배송상태)
    2. 

  2. 국가별 주문 현황 지도 시각화 (일본, 독일, 프랑스, 영국 등)
    3. 

  3. 통화별 매출 자동 환산 (JPY, EUR, USD -> KRW, 고정 환율 테이블)
    4. 

  4. 배송 상태별 필터: 준비중/발송완료/배송중/도착
    5. 

  5. 국가별 매출 랭킹 + 월별 추이 차트



기술


  • React + TypeScript + Tailwind CSS
    • 

  • 서버 없이 브라우저에서만 동작, 한국어 UI

바이브 코딩 워크플로우 (전체 8단계)

1. mkdir cafe24-cleaner && cd cafe24-cleaner     폴더 만들기

  1. claude                                         Claude Code 실행
    2. 

  2. "한끼통살 카페24 주문 엑셀을 정리하는 도구 만들어줘"  아이디어 설명
    3. 

  3. Claude 질문에 답변 (칼럼 구조, 필터 조건 등)     맥락 제공
    4. 

  4. "실행해줘" -> 브라우저에서 확인                    중간 점검
    5. 

  5. "미분류 탭 추가" / "색상 변경" (3-5번 반복)        피드백 루프
    6. 

  6. "커밋해줘"                                       중간 저장
    7. 

  7. "Vercel에 배포해줘" 또는 팀원에게 공유              배포/공유

모든 과정이 한국어 대화로 이루어집니다. 코드를 직접 쓸 필요 없습니다.

현실적인 기대치

잘 되는 것어려운 것
내부 도구, 프로토타입대규모 프로덕션 시스템
데이터 시각화 대시보드실시간 결제 시스템
자동화 스크립트 (엑셀, Slack)보안이 핵심인 인증 시스템
랜딩 페이지, 이벤트 페이지수만 명이 동시 접속하는 서비스
CRUD 앱, 사내 관리 도구복잡한 알고리즘, 실시간 최적화
이그니스 활용 범위:
  • 바로 가능: 카페24 데이터 정리, 매출 집계, 재고 알림, 캠페인 대시보드, 이벤트 페이지
  • 개발팀 협업 필요: 자사몰 기능 수정, 결제 연동, 외부 API 통합
  • 범위 밖: 카페24 플랫폼 커스터마이징, PG사 연동, 대용량 트래픽 처리

바이브 코딩은 0에서 1을 만드는 데 강합니다. 1에서 100은 개발팀 영역입니다.