성능 병목을 해결하는 6년 차 프론트엔드 엔지니어

사용자와 기술 사이, 부드러운 경험을 만듭니다.

안녕하세요, 조세훈입니다. 제품과 비즈니스의 무게를 가중시키는 대용량 데이터 처리 문제와 프론트엔드 병목을 구조적으로 해결해 온 6년 차 엔지니어입니다.

프로젝트 보기문제해결 상세
이력서 다운로드경력기술서 다운로드
조세훈 프로필 사진
Sehoon Cho

Frontend Engineer & Performance Optimizer

StackNext.js / TS / Web Worker
FocusVirtualization & Rendering Speed
Motto"무거운 성능 병목을 해결하고 사용자 경험을 가볍게 띄웁니다."
Active & Floating

기술 스택.

지속적인 학습과 성능 모니터링을 바탕으로 검증된 조합을 사용하여 프로젝트를 성공시킵니다.

프론트엔드 코어 (Frontend Core)

다양한 대고객 웹 및 앱 제품의 견고한 프론트엔드 아키텍처 설계를 리드합니다.

TypeScriptJavaScriptReactNext.js (App/Pages)React Native (CLI)Tailwind CSS

상태 및 데이터 관리 (State & Data)

일관된 단방향 상태 제어와 데이터 동기화 비용을 최소화하는 Offline-First 로컬 데이터 시스템을 최적화합니다.

ZustandReact QueryReduxMobXSQLiteFirebase (Firestore)

성능 최적화 및 UI (Performance & UI)

가상 테이블 기법(Virtualization) 및 브라우저 백그라운드 멀티스레드 연산을 통한 렌더링 병목 해소를 지향합니다.

React VirtuosoChrome PerformanceWeb WorkerSheetJS (Excel)ZIP CompressionMUI / Ant Design

경력 사항.

기술을 통해 비즈니스 문제를 해결하고, 실제 수치로 성과를 입증해 온 저의 성장 여정입니다.

2021.05 ~ 현재

(주)델피콤 (Delphicom)

프론트엔드 엔지니어 대리 (Frontend Engineer)

B2B 050 가상번호 통신 플랫폼(BizCall) 관리자 웹, 결제 솔루션(Payking), 운영 시스템 개발 및 리팩토링을 전담했습니다.

주요 업무 및 성과

  • Web Worker와 SheetJS를 연동한 엑셀 클라이언트 스트리밍 구조 제안 및 최대 60만 건 대용량 통화 로그 다운로드 비용 절감 및 안정화
  • Chrome Performance 프로파일링 및 가상 테이블(React Virtuoso) 컴포넌트화 도입으로 초기 렌더링 속도 90% 단축(2.8s ➡️ 0.3s) 및 DOM Node 97% 감소
  • 반복적인 폼 레이아웃 복잡성을 해소하기 위해 JSON 설정 기반의 선언적 폼 디자인 패턴 구축, LOC 평균 23% 개선
  • React Native CLI 기반의 AI 비서 앱(PandyTalk) Offline-First 동기화 알고리즘 독자 빌드 및 실시간 SSE 스트리밍 답변 파이프라인 구축

프로젝트.

기술적 완성도와 더불어 디자인 시스템을 통해 사용자 감동을 이끌어 낸 핵심 작업들입니다.

B2B Enterprise Admin Suite대표 프로젝트

Mozzle (대용량 회원명부 관리 시스템 리팩토링)

대량 회원 데이터를 동시 편집할 때 발생하는 렌더링 지연과 대형 컴포넌트 구조를 개선한 리팩토링 프로젝트입니다. Chrome Performance API 기반으로 Long Task 병목을 분석하고 React Virtuoso 기반 가상화 테이블로 로우를 렌더링 영역에만 격리하여 텍스트 입력 지연을 1860ms에서 28ms로 극대화 개선했습니다.

ReactCRA (Webpack)React VirtuosoChrome Performance
상세 로그 보기GitHub
Enterprise Communication Platform대표 프로젝트

050 BizCall 관리자 웹 - 대용량 엑셀 다운로드 개선

30만 건 이상의 방대한 통화 내역 다운로드 시 발생하는 서버 OOM(메모리 부족) 및 지연 문제를 해결하기 위한 아키텍처 재설계입니다. 생성 책임을 서버에서 클라이언트로 이전하고 Web Worker 기반 백그라운드 스레드에서 SheetJS를 활용해 연속 페이징 수신 방식으로 무중단 60만 건 다운로드 안정화 및 실패율 제로화를 달성했습니다.

ReactSheetJSWeb WorkerZIP Compression
상세 로그 보기GitHub
Fintech Platform

Payking - PG 결제 링크 서비스 및 통합 관리자

소상공인을 위한 비대면 SMS/URL 결제 링크 서비스 및 백오피스 시스템 프론트엔드 아키텍처입니다. 기존 3단계 입력 폼을 2단계 선언적 JSON 폼 구조로 개선하여 폼 관련 LOC 23% 평균 감소를 달성했으며 CSS Grid 기반 반응형 웹 레이아웃으로 디자인 시안 전면 대응 속도를 극대화했습니다.

ReactNext.js (SSR)React NativeTailwind CSS
상세 로그 보기GitHub
Personal AI Mobile App

PandyTalk - AI 비서 오프라인 퍼스트 채팅 앱

네트워크 단절 상황에서도 연속성을 완벽히 유지하는 Offline-First 구조의 1인 개발 모바일 애플리케이션입니다. 메시지 순번(SEQ) 기반 데이터 간극 탐지(Data Gap Detection) 로직 및 페이징 동기화를 구현하고 HTTP SSE 엔드포인트 연동으로 실시간 AI 답변 스트리밍 흐름을 단독 구축했습니다.

React Native (CLI)TypeScriptSQLiteFirebaseOpenAI
상세 로그 보기GitHub

연락처.

기술 파트너십, 채용 제안 또는 가벼운 개발 티타임은 언제나 환영합니다.

간편 메시지 보내기

© 2026 조세훈. Designed and Coded with Natural Warm Theme. All rights reserved.