1. “이거 매번 사이트 몇 개씩 왔다갔다 하는 거 귀찮은데”
주식 투자를 하다 보면 확인해야 할 게 은근히 많습니다. 나스닥은 여기서, 코스피는 저기서, 환율은 또 다른 사이트에서, VIX(공포지수)는 검색해서 찾고… 매도·매수를 결정하기 전에 이 과정을 반복하다 보니, 정작 중요한 건 “숫자를 모으는 것”이 아니라 “그 숫자들을 보고 판단하는 것”인데 앞 단계에서 시간을 다 쓰고 있더군요.
그래서 이번엔 참고하는 지표들을 한 화면에 모아 보여주는 마켓 대시보드를 직접 만들어보기로 했습니다. 이 글에서는 어떤 지표를 왜 넣었는지, 실제로 어떻게 쓰는지를 중심으로 정리합니다. (기술적으로 어떻게 만들었는지, 만들면서 겪은 트러블슈팅은 [2편]에서 따로 다룹니다.)
2. 무엇을 한 화면에 모았나
처음엔 미국 3대 지수(나스닥, S&P500, 다우존스)와 VIX 정도만 넣을 생각이었는데, 만들다 보니 욕심이 생겨서 카테고리를 넓혔습니다. 최종적으로 7개 카테고리, 19개 지표가 들어갔습니다.
| 카테고리 | 포함 지표 | 왜 넣었나 |
|---|---|---|
| 🇺🇸 미국 지수 | 나스닥, S&P500, 다우존스, 필라델피아 반도체지수(SOX) | 미국 증시 흐름의 기본. SOX는 한국 증시(반도체 비중 높음)의 선행지표 역할 |
| 🇰🇷 국내 지수 | 코스피, 코스닥 | 실제 국내 투자자가 매일 확인하는 지표인데 의외로 빠진 대시보드가 많음 |
| 💱 환율 | 달러 인덱스, 원/달러, 엔/달러, 유로/달러 | 안전자산 심리, 엔캐리 트레이드 파악용 |
| 🛢️ 원자재 | WTI 유가, 금, 구리 | 구리는 산업 수요와 밀접해 “경기 선행지표”로도 불림 |
| 📈 금리 | 미 10년물, 미 30년물 국채금리 | 성장주 밸류에이션에 직접적인 영향 |
| 😨 시장심리 | 변동성지수(VIX) | 시장의 “공포” 수준을 숫자로 확인 |
| ₿ 디지털자산 | 비트코인, 이더리움, 리플 | 최근 위험자산과 동조화 경향이 커져서 같이 참고 |
카테고리별로 접고 펼칠 수 있는 아코디언 형태라, 평소 안 보는 카테고리는 접어두고 자주 보는 것만 펼쳐둘 수 있습니다.
3. 그냥 나열만 하면 재미없으니 — 클릭해서 그래프에 반영되게
지표를 쭉 나열하는 건 어디에나 있는 기능이라, 조금 다르게 만들고 싶었습니다. 그래서 카드를 클릭하면 하단(또는 옆) 추이 그래프에 해당 지표가 즉시 추가/제외되도록 만들었습니다. “오늘 코스피랑 원/달러 환율이 관련 있어 보이는데?” 싶으면, 그 두 카드만 클릭해서 바로 겹쳐 그려볼 수 있는 식입니다.
기본으로는 가장 많이 참고하는 7개(나스닥, S&P500, 다우존스, WTI유가, 달러인덱스, 미10년물금리, VIX)가 선택돼 있고, 나머지는 필요할 때 클릭해서 추가하는 방식입니다.
단위가 서로 다른 지표(나스닥은 25,000대, VIX는 15~20대)를 한 그래프에 그대로 겹치면 한쪽 선만 보이고 나머지는 바닥에 깔려버립니다. 그래서 8일 전(화면엔 표시되지 않는 기준일) 값을 0%로 놓고, 그 대비 변화율(%)로 지수화해서 전부 같은 눈금으로 비교할 수 있게 만들었습니다. 0% 선 위에 있으면 그 기간 동안 상승, 아래 있으면 하락이라는 뜻이라 직관적으로 읽힙니다.
4. 초보자를 위한 “시장 해석” 배너
숫자만 던져주면 결국 “그래서 이게 뭘 의미하는데?”라는 질문이 남습니다. 그래서 오늘자 등락률을 바탕으로, 몇 가지 조건에 해당하면 화면 상단에 해석 배너가 뜨도록 만들었습니다.
- 안전자산으로 자금 이동: 달러와 VIX가 동시에 오르는 날 → “다들 위험자산을 팔고 도망가는 분위기”
- 변동성 급등: VIX가 하루 만에 크게 뛴 날 → “예상 밖의 뉴스에 시장이 놀란 상태, 성급한 매매 주의”
- 위험자산 전반 강세/약세: 3대 지수가 같은 방향으로 크게 움직이는 날 → “개별 종목 이슈가 아니라 시장 전체 분위기”
- 금리 상승·기술주 부담: 금리는 오르는데 나스닥은 약세인 날 → “미래 이익에 기댄 기술주가 금리 부담을 느끼는 전형적 패턴”
- 유가·달러 동반 강세(이례적): 평소엔 반대로 가는 둘이 같이 오르는 날 → “지정학적 이슈 등 특수 요인 의심”
특별한 신호가 없는 날엔 배너 자리가 비어있지 않도록, 응원 문구가 대신 뜨게 만들었습니다. 매일 들어오는 도구인 만큼, 빈 화면보다는 뭐라도 채워져 있는 게 낫겠다 싶었습니다.
5. 다크모드까지 지원
밤에 스마트폰으로 확인하는 경우가 많아서, 우측 상단 버튼으로 야간모드를 전환할 수 있게 만들었습니다. 카드, 배너, 그래프 격자선·글자색까지 전부 톤이 같이 바뀝니다.
6. 실제로 이렇게 씁니다
아침에 접속하면 가장 먼저 상단 신호 배너를 확인합니다. 특별한 신호가 없으면 그냥 응원 문구 보고 넘어가고, 신호가 떠 있으면 관련된 카테고리를 펼쳐서 카드를 클릭해가며 그래프로 실제 흐름을 확인합니다. 예를 들어 “금리 상승·기술주 부담” 배너가 뜨면, 미 10년물 금리와 나스닥 카드를 같이 선택해서 정말 반대로 움직이고 있는지 그래프로 재확인하는 식입니다.
7. 무료로 직접 사용해보기
8. 마무리하며
이 도구를 만들면서 느낀 건, 정보를 “모으는 것”과 “해석하는 것”은 완전히 다른 작업이라는 점입니다. 지표를 19개까지 늘렸지만, 결국 매일 가장 먼저 보는 건 상단의 신호 배너입니다. 숫자를 아무리 많이 모아도, 그걸 어떻게 해석할지에 대한 나름의 기준이 없으면 오히려 판단이 더 어려워질 수 있다는 걸 다시 확인했습니다.
기술적으로 어떻게 만들었는지, 그리고 만들면서 겪은 꽤 까다로웠던 트러블슈팅 이야기는 [2편]에서 이어집니다.
