플러스프로젝트 배경
1) 문제점 - 개인 투자자는 DART, 네이버금융, 증권사 HTS 등 흩어진 소스를 수동 조합해 재무를 확인해야 함 - 기존 플랫폼은 연간 데이터 위주 — 분기/TTM 전환, 밴드/듀퐁분석 등 고급 뷰가 부족 - 재무제표 원문(DART 공시)은 HTML 표 형태라 시각적 해석이 어려움 - 모바일에서 차트 대시보드를 제공하는 서비스가 드묾 2) 프로젝트 목표 - KOSPI/KOSDAQ 전 종목
프로젝트 성과
8개 탭 × 서브탭 28개 대시보드 구축
설명: 요약·사업정보·재무정보·펀더멘탈·밸류에이션·주주환원·주식정보·컨센서스 전 탭 완성. 사업정보 6개 서브탭(사업부문/사업지역/사업의내용/임직원/자회사/수출실적) 포함.
DB 없이 실시간 API 기반 전 종목 커버
KRX OpenData(종목마스터) + DART(재무제표) + Yahoo Finance(주가) + 네이버금융(뉴스) 4개 소스 통합. 2,000+ 종목 즉시 조회.
로딩 체감속도 향상
SWR dedupingInterval + Next.js unstable_cache 24H 적용으로 동일 종목 재방문 시 API 호출 0건.
반응형 완전 대응
Desktop(1280+) / Tablet(768) / Mobile(375) 3단 레이아웃. 모바일에서 DART 공시는 새창, Desktop은 iframe 모달.
핵심 기능
종목 검색 (자동완성 + 초성 검색)
KOSPI/KOSDAQ 2,000+ 종목 마스터를 한 번에 로드하여 인덱싱. 한글 초성("ㅅㅅㅈㅈ" → 삼성전자)까지 매칭하여 즉시 결과 제공.
진행 단계
기획 / 레퍼런스 리서치
2026.04.
Butler(butler.works) 디자인 레퍼런스 분석, 8개 탭 요구사항 명세(docs/specs) 작성, MVP 스코프 확정(인증/개인화 제외)
프로젝트 상세
1) 포트폴리오 소개 한국 주식(KOSPI/KOSDAQ) 재무정보 시각화 개발 2) 작업 범위 - Full-stack 개발 (Frontend + Backend API) - Next.js 16 App Router 기반 웹 애플리케이션 - 외부 API 연동 레이어 (DART / KRX / Yahoo Finance / 네이버금융) - 레거시 HTML → React 전환 - 순수 Vanilla JS
