Portfolio

0%

Full-Stack Developer

Portfolio

CHA HYUNWOO

Download Portfolio PDF

Works

Business and personal projects I've worked on

01

Flow Logistics — 스마트 팩토리 물류 관리 시스템

Frontend Developer

Next.js 16 기반 스마트 팩토리 물류 관리 시스템. React Aria → TanStack Table 마이그레이션 및 Keycloak 서버사이드 인증 구현

Next.js 16ReactTypeScript+7
02

SpaceHub — 위성영상 B2B SaaS 플랫폼

Frontend Developer (PL)

React 19 + Turborepo 기반 Monorepo로 위성영상 분석 플랫폼을 설계·구축한 대규모 프로젝트

React 19TypeScriptVite 7+12
03

금융 백오피스 시스템

Frontend Developer (Freelance)

금융 거래 데이터 관리 및 실시간 모니터링을 위한 백오피스 시스템. React 19 + TanStack + SSE 기반 대용량 데이터 처리

React 19TypeScriptVite+11
04

LG Shoptime 2.0 — webOS TV 쇼핑 앱

Frontend Developer (PL)

LG webOS TV 쇼핑 앱 전면 리뉴얼. Enact 프레임워크 + Spotlight 포커스 관리, PropTypes 타입 시스템, 4개국 다국어, Jenkins CI/CD 프론트엔드 리드

JavaScriptReactEnact+10
05

IoT 서비스 웹뷰 공통 컴포넌트 라이브러리

Frontend Developer

대규모 IoT 스마트홈 앱의 웹뷰 공통 컴포넌트 라이브러리 구축. Storybook 문서화·d3.js 실시간 데이터 시각화·iOS/Android 크로스 플랫폼 대응

ReactJavaScriptTypeScript+3
06

채용 플랫폼 서비스 프론트엔드 개발

Frontend Developer

스타트업 핵심 멤버로 채용 플랫폼 프론트엔드 핵심 기능을 설계·개발. 서비스 고속 성장기 확장과 렌더링 최적화 경험

ReactVue.jsTypeScript+3
07

Web3 & NFT 기반 인증 서비스 개발

Frontend Developer

NFT 소유권 기반 탈중앙화 인증 시스템 구축. React + React Native 크로스플랫폼 개발 및 web3.js 블록체인 연동

ReactReact NativeTypeScript+4
08

금융 서비스 풀스택 개발

Full-Stack Developer

Java Spring 기반 금융 서비스 백엔드 시스템 설계·개발. 대용량 금융 트랜잭션 처리 및 금융 보안 규정 준수 구현

JavaSpring FrameworkJavaScript+7
09

chwzp.ai 집사봇 — 디스코드 멀티 봇

Full-Stack Developer

Python + discord.py 기반 멀티 기능 디스코드 봇. 기차표 매크로, 주유 최저가 알림, AI 업데이트 로그까지 Cog 단위로 모듈화

Python 3.12discord.pyasyncio+7
10

GitHub Tier — 깃허브 프로필 롤 스타일 티어 카드

Creator

GitHub 활동을 분석해 롤 스타일 티어 카드(SVG)를 생성하는 오픈소스 위젯. Log-normal CDF 기반 스코어링, 225명 실 유저 샘플링 검증

HonoTypeScriptVercel Serverless+2
11

hyunwoo.dev Monorepo — 모노레포 인프라 & 공통 디자인 시스템

Frontend Developer

블로그, 어드민, 포트폴리오 3개 앱과 공통 디자인 시스템/유틸 패키지를 통합 관리하는 pnpm + Turborepo 기반 모노레포

TurborepopnpmTypeScript+3
12

hyunwoo.dev Blog — MDX 기반 기술 블로그

Frontend Developer

Next.js 16 + MDX 기반 개인 기술 블로그. SSG 정적 생성과 ISR 재검증을 활용한 성능 최적화

Next.js 16React 19TypeScript+6
13

hyunwoo.dev Admin — 블로그 관리 대시보드

Frontend Developer

Vite + React 기반 블로그 관리 대시보드. TanStack Router 파일 기반 라우팅과 httpOnly cookie 인증

React 19TypeScriptVite+9
14

hyunwoo.dev Portfolio — 다국어 포트폴리오

Frontend Developer

Three.js 3D 인터랙션, Arc 캐러셀, Orbital 스킬 시각화 등 몰입감 있는 비주얼을 갖춘 다국어 개인 포트폴리오

Next.js 16React 19TypeScript+8

Flow Logistics — 스마트 팩토리 물류 관리 시스템

Private
Frontend Developer·2026.02 ~ Present

Next.js 16 기반 스마트 팩토리 물류 관리 시스템. React Aria → TanStack Table 마이그레이션 및 Keycloak 서버사이드 인증 구현

  • Next.js 16 App Router 기반 스마트 팩토리 물류 관리 시스템 구축
  • React Aria Table의 가상화 미지원 문제를 분석하고 TanStack Table + Virtual로 마이그레이션해 대용량 렌더링 문제 해결
  • Keycloak 인증을 서버 컴포넌트에서 처리해 클라이언트 인증 플리커 완전 제거
  • SSE 기반 실시간 물류 이벤트 스트리밍 구현 (재고 업데이트, 작업 지시 상태 변경)
  • 상태 전이 규칙을 프론트엔드에서 명시적으로 정의해 잘못된 작업 지시 전이를 클라이언트에서 선차단
  • Edge Middleware에서 토큰 만료 감지 및 Silent Refresh 처리로 사용자 세션 끊김 방지
Next.js 16ReactTypeScriptTanStack TableTanStack QueryTanStack VirtualKeycloakReact AriaTailwind CSSpnpm

Skills

Technologies and tools I use

BaaS

Contact

Feel free to reach out

Latest from my blog

© 2026 Cha Hyunwoo. All rights reserved.
Dawn skyline