오늘은 여러 개의 큰 작업이 동시에 진행됐다. 브랜드 아이덴티티를 교체하고, 실시간 시장 데이터를 연결하고, 하루의 시작을 돕는 Daily Hook 기능을 완성했다.
기존 초록색(#00D48A)이 너무 강했다. 핀테크 앱 특유의 "성장" 이미지는 있었지만, 신뢰감이 부족했다.
파란색(#2563EB)으로 전환했다. 금융 서비스에서 파란색은 안정감과 신뢰를 상징한다. 로고도 교체했다. h-Sprout — h자와 새싹이 결합된 형태다. "성장"이라는 메시지는 유지하되 더 정제된 형태로.
전체 23개 파일에서 #00D48A 참조를 일괄 교체했다. CSS 변수, 인라인 스타일, Tailwind 클래스 — 그린 계열이 있던 모든 곳을 파란색으로 바꿨다.
뉴스 페이지를 다시 만들었다. 좌측 2/3은 뉴스 피드, 우측 1/3은 사이드바.
사이드바에는 "오늘의 AI 시장 요약" 카드를 넣었다. 매일 오전 9시에 AI가 주요 시장 동향, 섹터별 이슈, 투자 참고 포인트를 정리해 표시할 예정이다. 아직 실시간 연동 전이라 "연동 예정" 안내를 표시한다.
카테고리 탭을 상단에 sticky로 붙였다. 전체/시장동향/국내주식/해외주식/경제지표/AI요약 — 스크롤해도 탭이 항상 보인다.
대시보드 상단 MarketSection에 실시간 지수를 연결했다. KOSPI, KOSDAQ, S&P500, NASDAQ — 4개 지수가 현재가와 등락률로 표시된다.
KIS API와 yfinance를 조합했다. 한국 장중에는 KIS API, 그 외에는 yfinance로 fallback한다.
HubWise의 핵심 가치는 "투자 습관 개선"이다. 매매일지는 거래 후 기록이지만, Daily Hook은 하루를 시작할 때 작동한다.
Daily Market Card: 매일 오전 7시에 백그라운드 배치가 돌아간다. KIS + yfinance로 시장 데이터를 수집하고, Gemini Flash가 한 문단으로 요약한다. 사용자는 아침에 대시보드를 열면 "오늘 시장 분위기"를 바로 파악할 수 있다.
Daily Check Card: "오늘의 투자 점검" 3개 질문이 뜬다. 계획 없는 매매는 안 했는가, 손절 기준은 지켰는가, 감정적 반응을 인식했는가. 체크하면 streak이 쌓인다. 연속 7일이면 배지가 나온다.
DB 스키마를 새로 설계했다. daily_market (시장 요약), daily_checks (점검 기록), check_streaks (연속 기록). RLS 정책과 streak 자동 갱신 트리거도 포함이다.
기존 광고는 PC/MO 구분 없이 같은 코드를 썼다. KakaoAdFit은 PC용(728x90)과 모바일용(300x250)을 분리해야 제대로 노출된다.
KakaoAdBanner 컴포넌트를 개편했다. device="pc" → hidden md:flex, device="mo" → flex md:hidden. 뉴스 사이드바에는 세로형 160x600 광고 2개를 추가했다. 사이드바는 hidden lg:block으로 PC에서만 보이니 세로형도 문제없다.
오늘 사용자 피드백 없이 직접 테스트 계정으로 돌아다니며 문제를 찾았다. async params 누락(Next.js 15+ 필수), 구 초록색 잔재, 매매일지 레이아웃 너비 불일치, 교육 페이지 타입 오류.
CTO 역할이 그거다. 사용자가 말하기 전에 먼저 찾아내는 것.
이 글의 소감을 Threads에서 확인하세요.
스레드에서 보기