✦HYEONIVERSE
WorksPostsProfileAbout
  • Oval Portfolio
  • Syncboard
  • Reflex Commerce
  • Prism UI
  • Docuflow
  • Gridview Analytics
Junior Frontend Developer

My Projects

성장하는 개발자의 기록

scroll to explore ↓
풀스택 / 개인 프로젝트

OvalPortfolio

웹 앱 / 실시간 협업

Syncboard

이커머스 / 성능 최적화

ReflexCommerce

디자인 시스템 / 오픈소스

PrismUI

SaaS / 문서 자동화

Docuflow

대시보드 / 데이터 시각화

GridviewAnalytics

Next.js 15 App Router 기반 포트폴리오 + 자체 Admin CMS. 3-layer 디자인 토큰, GSAP 수평 스크롤, Supabase 인증/DB까지 직접 구축. 

2025 — 풀스택 / 개인 프로젝트 — 기획 · 디자인 · 풀스택 개발Next.js 15 · React 19 · TypeScript · Supabase · GSAP · Lenis · CSS Modules · VercelNext.js 15 · React 19 · TypeScript · Supabase · GSAP · Lenis · CSS Modules · Vercel
→

CRDT 기반 실시간 화이트보드. 다중 커서, 동시 편집, 오프라인 동기화까지 지원하는 협업 도구. 

2024 — 웹 앱 / 실시간 협업 — 프론트엔드 리드React · TypeScript · Yjs · WebSocket · Canvas API · Zustand · HocuspocusReact · TypeScript · Yjs · WebSocket · Canvas API · Zustand · Hocuspocus
→

기존 이커머스 플랫폼의 프론트엔드를 Next.js로 마이그레이션하고, 검색·결제 플로우를 최적화하여 전환율을 개선한 프로젝트. 

2024 — 이커머스 / 성능 최적화 — 프론트엔드 개발Next.js 14 · TypeScript · tRPC · Prisma · Redis · Algolia · Stripe · TurborepoNext.js 14 · TypeScript · tRPC · Prisma · Redis · Algolia · Stripe · Turborepo
→

사내 5개 프로덕트에서 공유하는 React 컴포넌트 라이브러리. Figma Tokens → Style Dictionary → CSS Custom Properties 파이프라인 구축. 

2024 — 디자인 시스템 / 오픈소스 — 디자인 시스템 엔지니어React · TypeScript · Style Dictionary · Storybook · Rollup · CSS Modules · Chromatic · ChangesetsReact · TypeScript · Style Dictionary · Storybook · Rollup · CSS Modules · Chromatic · Changesets
→

계약서, 견적서, 보고서 등 반복 문서를 템플릿 기반으로 자동 생성하는 B2B SaaS. 드래그앤드롭 에디터로 비개발자도 템플릿 제작 가능. 

2023 — SaaS / 문서 자동화 — 프론트엔드 개발Vue 3 · TypeScript · Pinia · Node.js · PostgreSQL · Puppeteer · AWS Lambda · S3Vue 3 · TypeScript · Pinia · Node.js · PostgreSQL · Puppeteer · AWS Lambda · S3
→

대규모 데이터를 실시간으로 시각화하는 관제 대시보드. 가상 스크롤 테이블, WebSocket 실시간 차트, 커스텀 위젯 레이아웃. 

2023 — 대시보드 / 데이터 시각화 — 프론트엔드 개발React · TypeScript · D3.js · TanStack Virtual · WebSocket · Go · ClickHouse · DockerReact · TypeScript · D3.js · TanStack Virtual · WebSocket · Go · ClickHouse · Docker
→
Available for workSep 2026 ↗