W4 강의노트 차트 Vision + 조건 분기 0%
Week 04 · Phase 2 · 3D 분석 완성

차트 이미지 3차원 + Claude Vision + 조건 분기

숫자로는 못 보는 패턴을 AI가 직접 "본다" — 3D 분석 완성 주

3시간수업
시간
3D가격+뉴스
+차트
VisionClaude
멀티모달
Learning Objectives

이번 주 학습 목표

레벨
중급+
선수지식
W1~W3
실습
120분
과제
확장 1개
1
Chart-IMG API로 TradingView 스타일 차트 이미지를 지표(RSI·MACD·BB)와 함께 자동 생성할 수 있다
2
Claude Vision (멀티모달)에 바이너리 이미지를 전달해 기술적 패턴을 자연어로 판독받을 수 있다
3
Switch 노드로 3D 판단 결과(BUY/WATCH/SELL/AVOID)에 따라 워크플로를 4갈래로 분기할 수 있다
4
Discord 알림 + 차트 이미지 첨부로 강한 신호만 자동 발송하는 최종 시스템을 완성할 수 있다
이번 주의 한 문장: "AI가 차트를 본다." 이번 주는 단순한 숫자 비교를 넘어 헤드앤숄더·삼각수렴·쌍봉 같은 시각적 패턴을 AI가 인식하는 순간을 직접 경험합니다. 3D 분석 프레임이 완성되는 주입니다.
Progress · 3D Framework Complete

3D 분석 프레임 — 오늘 드디어 완성

8주 여정 중 가장 중요한 주 중 하나입니다. 가격(1D)·뉴스(2D)·차트(3D) 세 차원이 오늘 모두 연결됩니다. 이 3차원을 동시에 보는 AI 에이전트는 프로 트레이더와 동일한 시야를 갖게 됩니다.

📊
1차원 — 가격 + 지표 ✓
W1~W2 완료. RSI·MA·볼린저가 Sheets에 누적 중.
📰
2차원 — 뉴스 센티먼트 ✓
W3 완료. Alpha Vantage 가중평균 센티먼트 연동 중.
📈
3차원 — 차트 Vision ⚡
오늘 완성. Chart-IMG + Claude Vision으로 시각 패턴까지 추가.

왜 "이미지"가 필요한가 — 숫자 vs 이미지의 차이

🔢 숫자 지표만
입력: RSI 55, MA20=178, 현재가=180

AI 판단: "중립 구간, 이동평균 위에서 거래 중."

놓치는 것: 고점을 두 번 찍고 내려오는 쌍봉(Double Top) 패턴이 형성되고 있다는 사실.
👁️ 차트 이미지
입력: 위 숫자 + 최근 3개월 캔들차트 PNG

AI 판단: "쌍봉 패턴이 명확히 형성됐으며, 넥라인 175 이탈 시 가파른 하락 가능성."

추가 정보: 거래량 감소 패턴, 지지선·저항선, 캔들 모양 등 시각 맥락 전체.
Session 1 · 30min

1교시 — AI가 읽을 기술적 패턴 기초

AI Vision이 차트에서 무엇을 찾아낼지 이해하려면 어떤 패턴이 있는지 먼저 알아야 합니다. 4가지 대표 패턴만 이번 주 기준으로 익힙니다.

📉 헤드앤숄더 (Head & Shoulders)
넥라인
하락 반전 신호. 왼쪽 어깨·머리·오른쪽 어깨 3봉 형성 후 넥라인 이탈 시 매도 확정.
🔺 삼각수렴 (Triangle)
변동성 폭발 임박. 고점은 낮아지고 저점은 높아지며 수렴. 브레이크아웃 방향이 다음 추세.
⛰️ 쌍봉 (Double Top)
지지선
고점 반전 신호. 같은 가격대에서 두 번 저항. 지지선 이탈 시 하락 추세 진입.
🏆 컵앤핸들 (Cup & Handle)
상승 돌파 신호. U자 컵 + 작은 하락 손잡이 → 저항선 돌파 시 매수 기회.
💡 왜 AI Vision이 강력한가: 이런 패턴은 정의가 모호합니다. "봉이 얼마나 비슷해야 쌍봉인가?" "수렴이 얼마나 좁아져야 삼각형인가?" 전통 알고리즘으로는 수많은 예외가 생깁니다. 반면 Vision 모델은 수백만 장의 차트 이미지를 학습했기 때문에 시각적 게슈탈트로 인식합니다 — 인간 트레이더처럼.
⚠️ 신뢰성 주의: AI Vision은 완벽하지 않습니다. 특히 애매한 패턴에서는 과잉 해석 위험이 있습니다. 따라서 우리 시스템은 Vision 단독 판단이 아닌 가격+뉴스와 함께 삼각 검증하는 구조입니다. Vision이 "쌍봉"이라고 해도 뉴스가 매우 긍정적이면 AI가 종합 판단해서 WATCH로 완화.
Session 2 · 45min

2교시 — Chart-IMG API로 차트 이미지 자동 생성

Chart-IMG API 키 발급

Chart-IMG 가입 + 키 발급 (3분)
  1. https://chart-img.com 접속 → 우측 상단 Sign in with Google
  2. 대시보드 진입 → API Keys 메뉴 → Create New Key
  3. 키 이름 입력 (예: n8n-w4) → 생성된 키 복사
  4. 무료 플랜 한도 확인: 월 500 requests (수업에 충분)
  5. n8n Credentials → Header Auth → Name: x-api-key, Value: 키 붙여넣기

Advanced Chart 엔드포인트 호출

Chart-IMG v2는 POST 요청 + JSON body로 작동합니다. 이전까지의 GET 요청과 다르니 주의.

🎨 HTTP Request — Chart-IMG 차트 생성 ACTION
AAPL 일봉 3개월 차트 + RSI + MACD + 볼린저밴드 포함. 응답은 PNG 바이너리.
Method: POST
URL: https://api.chart-img.com/v2/tradingview/advanced-chart
Authentication: Generic — Header Auth (x-api-key)
Send Headers: content-type: application/json
Send Body: JSON (아래 참조)
Response Format: File (중요!)
Put Output in Field: data (바이너리 속성명)

Body JSON 예시 — 지표 포함 차트

{
  "symbol": "NASDAQ:AAPL",
  "interval": "1D",
  "range": "3M",
  "theme": "light",
  "width": 800,
  "height": 500,
  "style": "candle",
  "studies": [
    { "name": "Volume" },
    { "name": "Relative Strength Index", "input": { "length": 14 } },
    { "name": "MACD" },
    { "name": "Bollinger Bands", "input": { "length": 20, "mult": 2 } }
  ]
}
💡 심볼 형식이 중요: TradingView 스타일 심볼 — EXCHANGE:SYMBOL 형태 필수.
- 미국 주식: NASDAQ:AAPL, NYSE:TSLA
- 한국 주식: KRX:005930 (삼성전자)
- 암호화폐: BINANCE:BTCUSDT, BINANCE:ETHUSDT
- 지수: TVC:SPX (S&P 500), TVC:VIX

응답 확인 — 바이너리 이미지

실행 후 n8n에서 결과를 확인하면 일반 JSON이 아니라 이미지 미리보기가 뜹니다. 바이너리 탭의 data 속성에 PNG 데이터가 담겨 있습니다. 이 바이너리를 다음 노드에서 그대로 사용합니다.

🚨 Chart-IMG 자주 겪는 문제
"Invalid symbol" 오류
EXCHANGE: 접두사 누락. AAPL 대신 NASDAQ:AAPL 사용. 지원 심볼은 doc.chart-img.com의 Exchange List 참조.
응답이 JSON 오류 메시지로 오고 이미지가 안 됨
HTTP Request의 Response Format을 File로 설정하지 않은 경우. 반드시 Options → Response → Response Format → File 선택.
차트에 지표가 안 나타남
studies 배열의 name이 TradingView 공식 이름과 일치해야 함. 예: "RSI"가 아니라 "Relative Strength Index".
무료 한도 초과
월 500회 제한. 5종목 × 하루 1회 = 월 150회로 여유. Schedule Trigger 활성화 전 Manual로 충분히 테스트.
Session 3 · 45min

3교시 — Claude Vision으로 차트 판독

n8n의 Anthropic 노드에는 공식 Analyze Image operation이 있습니다. 이전 HTTP Request의 바이너리 출력을 그대로 입력으로 받아 Claude에게 이미지를 보여주고 자연어 분석을 받습니다.

🤖 멀티모달 에이전트의 본질
Claude Vision은 이미지를 토큰화해 언어 모델에 통합합니다. 덕분에 차트 위의 숫자(RSI 값, 가격), 선(이동평균·볼린저), 캔들 모양, 거래량, 그리고 이들 사이의 공간적 관계까지 동시에 이해합니다. 단순 OCR이 아니라 "시장 맥락"을 해석합니다.
👁️ Anthropic — Analyze Image VISION
바로 이전 Chart-IMG 노드의 바이너리를 입력으로 사용.
Resource: Message
Operation: Analyze Image
Model: claude-haiku-4-5-20251001
Input Type: Binary
Binary Property: data
Text: (아래 프롬프트)
Max Tokens: 512

Vision 프롬프트 설계

VISION PROMPT
당신은 기술적 분석 전문가입니다. 첨부된 차트 이미지를 분석해 다음 항목을 JSON으로만 응답하세요.

분석 항목:
1. trend: UP / DOWN / SIDEWAYS 중 하나
2. pattern: 발견된 패턴 (헤드앤숄더/쌍봉/삼각수렴/컵앤핸들/없음)
3. rsi_zone: OVERSOLD / NEUTRAL / OVERBOUGHT
4. bb_position: 가격이 볼린저밴드 어디에 있는지 (UPPER / MIDDLE / LOWER / OUTSIDE_UPPER / OUTSIDE_LOWER)
5. key_observation: 가장 중요한 관찰 1문장 (한국어)
6. visual_confidence: 1~5 (패턴이 얼마나 명확한가)

출력:
{
  "trend": "...",
  "pattern": "...",
  "rsi_zone": "...",
  "bb_position": "...",
  "key_observation": "...",
  "visual_confidence": 1-5
}

패턴이 애매하면 "없음"으로 표기하고 confidence를 낮게 주세요. 확신하지 않는 것을 확신하지 마세요.

예상 Vision 응답

{
  "trend": "SIDEWAYS",
  "pattern": "삼각수렴",
  "rsi_zone": "NEUTRAL",
  "bb_position": "MIDDLE",
  "key_observation": "최근 6주간 고점은 낮아지고 저점은 높아지는 대칭 삼각수렴 형성. 거래량 감소 추세로 브레이크아웃 임박.",
  "visual_confidence": 4
}
⚠️ 비용 관리 — Vision은 토큰 소모가 큼: 이미지 1장 = 약 1,500~2,000 토큰 입력. Haiku 기준 1회당 $0.003~0.005. 하루 5종목 × 30일 = 월 약 $0.8. 관심 종목이 늘어날수록 비용 증가하므로 강한 신호 종목만 Vision으로 돌리는 최적화를 4교시에서 구현.
Session 4 · 60min

4교시 — Switch 분기 + 최종 통합 시스템

Merge: 3D 데이터 모두 합치기

가격(W2), 뉴스(W3), 차트 Vision(W4) 세 가지 결과를 하나의 JSON으로 합쳐 최종 종합 에이전트에 전달합니다.

// 3차원 데이터를 종합 JSON으로 병합
const priceData = $('Indicators').item.json;
const newsData = $('NewsAggregate').item.json;
const visionData = $('ChartVision').item.json;

return {
  ticker: priceData.ticker,
  dimension_1_price: {
    current: priceData.price,
    rsi14: priceData.rsi14,
    ma20: priceData.ma20,
    bb_upper: priceData.bb_upper,
    bb_lower: priceData.bb_lower,
    numeric_signal: priceData.signal
  },
  dimension_2_news: {
    sentiment: newsData.avg_sentiment,
    label: newsData.sentiment_label,
    top_headlines: newsData.top_headlines
  },
  dimension_3_chart: {
    trend: visionData.trend,
    pattern: visionData.pattern,
    rsi_zone: visionData.rsi_zone,
    bb_position: visionData.bb_position,
    observation: visionData.key_observation,
    vision_confidence: visionData.visual_confidence
  }
};

종합 에이전트 System Message — 3D 판단

FINAL AGENT SYSTEM MESSAGE
당신은 3차원 통합 분석 에이전트입니다. 다음 세 차원의 데이터를 받습니다:

1. 가격·지표 (숫자) — 객관적 상태
2. 뉴스 센티먼트 (맥락) — 왜 움직이는가
3. 차트 Vision (패턴) — 시각적 흐름

판단 규칙:
• 세 차원이 일치하면 신호 강도를 높게
• 하나라도 충돌하면 신호 강도를 낮추고 WATCH 우선
• 차트 패턴 confidence가 낮으면 Vision 가중치 축소
• 뉴스 센티먼트가 강하게 부정적이면 기술적 매수 신호라도 AVOID 고려

출력 JSON:
{
  "final_verdict": "BUY" | "WATCH_BUY" | "HOLD" | "WATCH_SELL" | "AVOID",
  "confidence": 1~5,
  "alignment": "ALIGNED" | "MIXED" | "CONFLICTED",
  "summary": "3차원 통합 2문장 요약",
  "alert_trigger": true | false
}

alert_trigger는 confidence가 4 이상이고 verdict가 BUY/AVOID일 때만 true. 교육 목적이며 투자 권유가 아님을 내부적으로 기억.

Switch 노드 — 4갈래 분기

에이전트 최종 판단에 따라 워크플로를 4갈래로 나눕니다.

🚀 BUY
Discord 알림
+ 차트 이미지
👀 WATCH
Sheets 기록만
(알림 X)
⚠️ HOLD
로그만
저장
🛑 AVOID
Discord 긴급 알림
+ 차트 이미지
🔀 Switch Node — 판단 분기 LOGIC
AI 에이전트 JSON 응답의 final_verdict 값에 따라 4개 출력 포트로 분기.
Mode: Rules
Value: {{ $json.final_verdict }}
Rule 1: equals "BUY" → Output 0
Rule 2: equals "WATCH_BUY" → Output 1
Rule 3: equals "HOLD" → Output 2
Rule 4: equals "AVOID" → Output 3
Fallback: Output 2 (HOLD로)

Discord 알림 + 차트 이미지 첨부

BUY/AVOID 분기에서는 Discord에 차트 이미지를 첨부해 발송합니다. n8n의 Discord 노드는 바이너리 데이터를 파일 첨부로 처리합니다.

Discord Webhook 준비
  1. Discord 서버 설정 → 통합 → 웹훅 만들기
  2. 채널 선택 (예: #투자-알림) → 이름 지정 → 웹훅 URL 복사
  3. n8n Credentials → Discord Webhook 추가 → URL 붙여넣기
  4. Discord 노드 Operation: Send Message 선택
  5. Authentication: Webhook, Files: 바이너리 데이터 포함 활성화
📢 Discord — BUY 알림 (이미지 첨부) NOTIFY
Switch Output 0에 연결. 메시지는 에이전트 summary를 포함, 이미지는 Chart-IMG 바이너리 재사용.
Authentication: Webhook
Operation: Send Message
Content: 🚀 **BUY 신호** — {{ $json.ticker }}...
Files: Add Files → Binary Property = data

Discord 메시지 템플릿 (Content 필드)

🚀 **BUY 신호** — {{ $json.ticker }}

**종합 판단:** {{ $json.final_verdict }} (신뢰도 {{ $json.confidence }}/5)
**정렬 상태:** {{ $json.alignment }}

📊 **가격·지표**
• RSI: {{ $('Merge').item.json.dimension_1_price.rsi14 }}
• BB 위치: {{ $('Merge').item.json.dimension_3_chart.bb_position }}

📰 **뉴스 센티먼트:** {{ $('Merge').item.json.dimension_2_news.label }}

📈 **차트 패턴:** {{ $('Merge').item.json.dimension_3_chart.pattern }}

💬 **요약:** {{ $json.summary }}

⚠️ _교육 목적 분석. 투자 판단은 본인 책임._
Complete Workflow

W4 최종 워크플로 — 3D 분석 자동 알림 시스템

🔧 3D 분석 통합 에이전트 — 매일 장전 자동 실행
Schedule평일 오전 8시 30분 (한국장 개장 30분 전)
Yahoo HTTP60일 종가 데이터 수집
Code(Indicators)W2 RSI·MA·볼린저 계산 (1차원)
Alpha Vantage뉴스 센티먼트 조회
Code(NewsAgg)W3 가중평균 집계 (2차원)
Chart-IMGTradingView 차트 PNG 생성 (지표 포함)
Claude Vision차트 패턴 판독 (3차원)
Code(Merge)3차원 데이터 통합 JSON
Final AgentClaude가 3D 종합 최종 판단 생성
Switch (4갈래)BUY / WATCH / HOLD / AVOID
Discord + Sheets강한 신호만 알림, 모든 판단은 Sheets 누적
🎉 이 순간이 이번 과정의 꼭짓점: 2주 전엔 n8n이 뭔지도 몰랐는데, 지금은 가격·뉴스·차트 3차원을 AI가 종합 분석해 알림까지 보내주는 시스템을 혼자 만들었습니다. 이게 진짜 "에이전트"입니다. 금융·테크 커리어 지원서에 바로 쓸 수 있는 포트폴리오입니다.
Completion Checklist

이번 주 완료 체크리스트

✅ 아래 항목이 모두 체크되면 W4 완료
Chart-IMG API 키 발급 + n8n Header Auth 등록
Advanced Chart POST 요청 성공 — 바이너리 PNG 수신
Response Format을 File로 설정, Output Field를 data로
Anthropic Analyze Image 노드로 차트 판독 JSON 수신
3차원 데이터(가격·뉴스·차트)를 Merge Code 노드로 통합
Final Agent가 alignment·final_verdict JSON 생성
Switch 노드로 BUY/WATCH/HOLD/AVOID 4갈래 분기 작동
Discord Webhook으로 BUY/AVOID 시 차트 이미지 첨부 발송
종목 3개 이상으로 테스트 — 패턴이 다른 종목에서 판단 차이 확인
Homework

이번 주 과제

📝 HOMEWORK · W4
3D 에이전트 성능 검증 프로젝트
  • 본인 관심 종목 5개를 1주일간 매일 실행 → verdicts 시트에 35개 판단 누적
  • 7일 후 회고: BUY 신호 종목의 실제 1주 수익률 추적, 예측 적중률 계산
  • 차원별 기여도 분석: 가격만 봤을 때, 가격+뉴스 때, 3D 모두 때 판단이 어떻게 달라지는지 비교 (같은 프롬프트로 3번 실행)
  • 선택 챌린지 A: confidence 4 이상인 종목만 Chart-IMG를 호출하도록 IF 노드 앞에 추가 (Vision 비용 70% 절감)
  • 선택 챌린지 B: Google Sheets에 추적 탭 생성 — 예측 vs 실제 결과 일주일 간격 자동 비교
💡 W5 미리보기: Phase 2 종료. 다음 주(Phase 3)는 스케줄·멀티채널 알림 + RAG 1입니다. 지금까지 만든 3D 에이전트에 증권사 리포트·FOMC 의사록 PDF 검색 능력을 추가합니다. "연준이 언제 금리 인하 시그널을 준다고 했지?" 물으면 벡터 DB에서 원문을 찾아 출처 페이지까지 인용하는 에이전트의 장기 기억을 만듭니다.
References

참고 자료

자료용도
Chart-IMG API Docs
doc.chart-img.com
v2 advanced-chart 파라미터 전체, 지원 심볼 목록, 인디케이터 이름
n8n Anthropic Node Docs
docs.n8n.io/integrations/builtin/app-nodes/n8n-nodes-langchain.anthropic
Analyze Image operation 상세, 바이너리 입력 처리
Claude Vision 공식 가이드
docs.anthropic.com/en/docs/build-with-claude/vision
이미지 처리 한계, 해상도 권장사항, 토큰 계산
TradingView Symbol Directory거래소·심볼 정확한 형식 검색 (NASDAQ:AAPL 등)
Investopedia — Chart Patterns헤드앤숄더·삼각수렴·쌍봉 등 기술적 패턴 정의 표준 설명
Nate Herk — Technical Analyst Agent (YouTube)Chart-IMG + Vision 흐름 영상 복습용
W4 강의노트 · 차트 Vision + 조건 분기 · 3D 분석 완성 · 투자 자동화 과정 · 2026