크래프톤 정글
12기 졸업
팀 프로젝트
실시간 투자 정보 플랫폼
AI가 시장 탐색과 차트 분석을 지원하고, 주문부터 거래 복기까지 하나의 흐름으로 연결하는 주식 트레이딩 플랫폼입니다.
대량의 실시간 데이터를 위한 커스텀 주식 차트 구현
WebSocket 기반으로 실시간 데이터(평균 초당 약 1,080건)를 처리하는 주식 차트를 개발했습니다. 실시간 데이터뿐만 아니라 과거 데이터도 REST API로 지원합니다.
차트 API에서 지원하지 않는 틱 데이터를 다양한 차트 형태로 오버레이해 시각화하기 위해 주식 차트를 직접 구현했으며, 멀티 레이어 Canvas를 사용했습니다.
지지·저항선을 위한 알고리즘 개발 및 시각화
지지·저항선을 시각화하기 위해 머신러닝(선형회귀, 피벗) 모델을 학습한 후 차트에 시각화했습니다.
미니 리액트(버추얼 돔) 구현
함수형 컴포넌트·Hooks·Virtual DOM·Diff/Patch를 프레임워크 없이 구현하고, Fiber Reconciler로 확장한 React 실행 환경입니다.
Diff & Patch · 변경된 DOM만 갱신
이전·다음 VDOM을 비교하고 속성·텍스트·자식 노드의 변경만 실제 DOM에 반영했습니다.
Keyed Reconciliation · 목록 상태 유지
key 기반 동일성과 이동 Patch로 1,025개 카드의 정렬·필터·가상 스크롤에서도 상태가 섞이지 않게 했습니다.
Hooks & Batching · 상태 보존과 업데이트 병합
useState·useEffect·useMemo의 값과 생명주기를 유지하고, 연속 상태 변경을 microtask 단위로 묶었습니다.
Fiber Reconciler · 중단 가능한 렌더링 구조
작업 단위와 Render·Commit 단계를 분리하고, 스케줄링·회귀 검증을 포함한 83개 테스트를 통과했습니다.
