Portfolio | 김희준

소개

창업 과정에서 체험단의 피드백을 구체적인 개선으로 발전시킨 경험과 실내건축디자인에서 익힌 사용자 중심의 관점은 프론트엔드로 커리어를 전환한 지금도 문제를 바라보는 밑바탕이 되고 있습니다.

비전공자로 개발을 시작해 9천만 건의 틱 데이터를 다루는 주식 차트를 구현했습니다. 5주라는 짧은 기간 안에 필요한 기술을 빠르게 익혀 실제 구현에 적용하며 성장하고 있습니다.

프론트엔드를 중심으로 역량을 쌓으며, 백엔드에 대한 소양과 역량도 갖춘 풀스택 개발자가 되기 위해 매일 노력하고 있습니다.

맡은 역할보다 제가 직접 해결한 문제를 중심으로 정리했습니다.

외부 차트 API가 지원하지 않는 틱 데이터 오버레이를 위해, 약 9천만 건 규모의 데이터를 다루는 TypeScript 차트 엔진을 직접 구현했습니다.

Virtual DOM과 Hooks를 직접 구현한 뒤 동기식 Diff 구조를 Fiber Reconciler와 협력형 스케줄러로 확장한 프로젝트입니다.

결과 화면만으로 보이지 않는 설계 이유와 구현 과정을 따로 남겼습니다.

43종의 기능 패널을 하나의 공통 프레임에서 일관되게 확장하기 위해 책임과 변경 경계를 나눈 과정입니다.

과거 데이터와 최신 시장 이벤트의 책임을 분리하고, 누락 구간만 조회해 시계열에 증분 반영한 구조입니다.

외부 차트 API가 지원하지 않는 틱 오버레이를 직접 구현하고, 약 9천만 건 규모의 데이터에서 필요한 구간만 그리도록 렌더링 경계를 나눈 과정입니다.

피벗 군집과 선형회귀로 후보선을 만들고, 접촉·가격 반응·오차·돌파를 평가해 지지·저항선을 선별한 과정입니다.

React · TypeScript · JavaScript · HTML · CSS

REST API · WebSocket · Kafka · Canvas 2D · requestAnimationFrame

Component Composition · Panel Registry · Runtime Validation · Agent-driven UI

Data Structures · Clustering · Linear Regression · Candidate Scoring

Git · Docker · Kubernetes · Frontend · Backend · AI

함께 만들 이야기가 있다면 편하게 연락해 주세요.