주식 탈출을 위한 기울기 분석기 제작기-2
[2편] Chart.js 이중 Y축 구현과 UX를 고려한 검색 시스템 최적화 서론: 개별 주가와 바탕 지수를 한눈에 비교하기 데이터를 성공적으로 가져온 후, 프론트엔드에서 직면한 문제는 ‘스케일의 차이’였습니다. 예를 들어 애플(AAPL) 주가는 백 달러 단위인데, S&P 500 지수는 수천 포인트 단위입니다. 이를 하나의 차트에 그리면 주가 선이 바닥에 납작하게 붙어버립니다. 이를 해결하기 위해 Chart.js의 이중…
시각화의 힘: Chart.js로 퀀트 투자의 MDD(최대 낙폭) 방어력 그려내기
1. 숫자의 한계, 그리고 그래프의 도입 1편에서 시뮬레이터의 뼈대와 기본값 시나리오를 세팅한 후 테스트를 해보았습니다. 사용자는 매달 SPY(미국 주식), TLT(미국 장기채), CASH(현금) 중 하나를 선택하며 자산을 불려 나갑니다. 결과 화면에서 최종 수익률을 숫자로 띄워주는 것만으로도 의미는 있었지만, 무언가 부족했습니다. ‘듀얼 모멘텀’의 진정한 가치는 단순히 돈을 많이 버는 것이 아니라, 시장이 반토막 날 때 내…