지능형 이커머스 웹 플랫폼
고성능 서버 사이드 렌더링(SSR)과 실시간 재고 관리, 토스페이먼츠 간편 결제 시스템을 탑재한 반응형 풀스택 쇼핑몰입니다.
🎯 주요 성과: 초기 화면 렌더링(LCP)을 1.2초로 42% 단축 및 Lighthouse 성능 98점 달성
🔧 핵심 문제해결: 다중 결제 요청 시 재고 동시성 문제를 PostgreSQL 트랜잭션 락(Pessimistic Lock)으로 완벽 방어
실시간 클라우드 메트릭 모니터링 대시보드
초당 수십 건씩 유입되는 서버 리소스 및 네트워크 로그를 실시간 인터랙티브 차트로 시각화하는 엔터프라이즈 모니터링 툴입니다.
🎯 주요 성과: 대용량 로그(10만+ 행) 렌더링 시 React Virtualized를 적용하여 브라우저 프레임 드랍(60fps) 방지
🔧 핵심 문제해결: 웹소켓 데이터 버퍼링 쓰로틀링(Throttling)을 구현해 메인 스레드 렌더 부하 70% 감소
AI 기반 스마트 업무 플래너 (PWA)
사용자의 자연어 메모를 파싱하여 시간대별 실행 가능한 세부 태스크로 분할해 주는 지능형 생산성 웹 애플리케이션입니다.
🎯 주요 성과: PWA 서비스 워커 및 IndexedDB 적용으로 오프라인 환경에서도 100% 정상 작동 지원
🔧 핵심 문제해결: OpenAI 프롬프트 엔지니어링 및 JSON 모드 구조화를 통해 응답 안정성 99.5% 확보
개발자 맞춤형 고성능 기술 블로그 CMS
마크다운(MDX) 파일 기반으로 수학 수식(KaTeX), 코드 구문 강조, 목차(TOC) 자동 생성, 다크모드를 지원하는 정적 블로그입니다.
🎯 주요 성과: 빌드 타임 정적 페이지 생성(SSG)으로 0.3초 이내 즉각적인 페이지 이동 경험 제공
🔧 핵심 문제해결: 구조화된 메타데이터(JSON-LD) 및 동적 Open Graph 이미지 생성으로 SNS 공유 유입률 200% 증가
실시간 다자간 협업 화이트보드 웹 앱
여러 사용자가 동시에 접속하여 실시간으로 도형을 그리고 마우스 커서 궤적을 공유하며 브레인스토밍을 할 수 있는 캔버스 앱입니다.
🎯 주요 성과: WebRTC 데이터 채널을 활용하여 사용자 간 동기화 레이턴시를 30ms 이하로 최소화
🔧 핵심 문제해결: 드로잉 이벤트 압축 및 베지에 곡선 보간(Bezier Smoothing)으로 부드러운 필기감 구현
모던 접근성 준수 UI 컴포넌트 패키지
키보드 네비게이션 및 스크린 리더 표준(WAI-ARIA)을 100% 준수하는 30여 개 이상의 재사용 가능한 React UI 컴포넌트 라이브러리입니다.
🎯 주요 성과: NPM 공개 배포 및 트리쉐이킹(Tree-shaking) 최적화로 번들 크기 25KB 미만 유지
🔧 핵심 문제해결: Storybook 시각적 회귀 테스트(Chromatic) 파이프라인 구축으로 UI 결함 0건 달성
이력과 경력 과정이 궁금하신가요?
실무 경력, 교육 과정 및 대외 수상 내역을 타임라인으로 확인하세요.