바이브코딩으로
만든 것들

경제/시사 뉴스레터 '퀘스천퍼데이'의 웹 서비스입니다. 매일 하나의 질문에 사용자들이 답변을 남기고, 다른 사람들의 생각을 확인할 수 있습니다. 카카오 로그인부터 관리자 대시보드, OG 이미지 자동 생성까지 풀스택으로 구현했습니다.

• 일일 질문 + 사용자 답변 공유 시스템
• 카카오 OAuth 커스텀 구현 (Supabase Auth 미사용)
• Cloudflare Workers 기반 OG 이미지 동적 생성
• 관리자 패널 — 질문 CRUD, 배너 관리, 클릭 추적
• 뉴스레터 659호 전체 크롤링 & 연동
• Capacitor 기반 모바일 앱 지원

금리, 실업률, CPI 등 복잡한 거시경제 지표를 날씨 아이콘으로 변환합니다. "지금 투자하기 좋은 때인가?"라는 질문에 직관적으로 답하는 서비스입니다. 역사적 패턴 비교와 경제 이벤트 캘린더로 투자 타이밍을 잡을 수 있습니다.

• 거시경제 지표 → 날씨 아이콘 실시간 변환
• 역사적 패턴 비교 분석 (과거 유사 구간 매칭)
• 경제 이벤트 캘린더 (FOMC, CPI 발표 등)
• PortOne(토스페이먼츠) 결제 시스템 구현
• 카카오 애드핏 광고 연동 (모바일/PC)

여러 증권사/계좌에 흩어진 자산을 한눈에 통합 관리하되, 모든 데이터를 브라우저 IndexedDB에 저장해 프라이버시를 완벽히 보호합니다. HTS 거래 데이터를 드래그&드롭으로 입력하고, 이동평균법 손익 계산과 은퇴 시뮬레이션까지 지원합니다.

• 드래그&드롭 / 복붙으로 HTS 거래 데이터 입력
• 국내주식, 해외주식, 채권, 금현물, 연금 통합 관리
• 이동평균법 손익 계산, 시간가중수익률(TWR)
• 이중 통화 회계 (USD/KRW 동시)
• 포트폴리오 리밸런싱 자동 계산
• 25개 거시경제 지표 Z-Score 기반 날씨 대시보드
• 은퇴 시뮬레이션 (4% 인출 규칙, Trinity Study 기반)

감이 아닌 데이터로 적립식 투자(DCA) 전략을 수립할 수 있는 서비스입니다. 거시경제 패턴을 분석하고, 과거 유사 구간과 매칭하여 현재 시점의 투자 인사이트를 제공합니다.

• 매크로 경제 패턴 분석 & 매칭
• 적립식 투자(DCA) 전략 가이드
• 데이터 시각화 대시보드 (Recharts + Chart.js)
• TanStack Router 기반 SPA 라우팅

현재 자산, 월 저축액, 투자 수익률 등을 입력하면 자산 고갈 시점을 예측하는 은퇴 계획 시뮬레이터입니다. 물가상승률 2.5%를 반영하며, v0로 빠르게 프로토타이핑했습니다.

• 자산 고갈 시점 예측 시뮬레이션
• 자동 적립 증가 계획 설정
• 안전 투자 전환 시점 지정
• 물가상승률 2.5% 자동 반영

폭탄 해체를 테마로 한 모바일 최적화 방탈출 게임입니다. 코드 입력, 인스트럭션, 카운트다운, 플립카드 퀴즈, 와이어 커팅까지 다양한 미니게임이 스토리 안에서 펼쳐집니다.

• 카운트다운 + 폭탄 해체 (와이어 커팅) 메카닉
• 퀴즈 기반 스토리 진행 & 분기
• Supabase 기반 게임 세션 저장/복원
• 힌트 시스템 & 실패 찬스
• 20개 이상의 Radix UI 컴포넌트 활용

연봉을 입력하면 초/분/시간 단위로 실시간 수입이 올라가는 모습을 보여주는 인터랙티브 웹앱입니다. 레트로와 모던 두 가지 테마를 전환할 수 있으며, 순수 HTML/CSS/JS 단일 파일로 구현했습니다.

• 실시간 초당 수입 계산 & 카운터 애니메이션
• 레트로 / 모던 듀얼 테마 전환
• 드라이브 수당, 할증 등 추가 수당 반영
• 단일 HTML 파일 — 프레임워크 없이 구현