성능 최적화에 집중하는 6년 차 프론트엔드 엔지니어

안정적이고 빠른 사용자 경험을 구축합니다.

안녕하세요, 조세훈입니다. 프론트엔드 성능 병목 현상과 대용량 데이터 처리 문제를 구조적으로 해결하여, 쾌적한 웹 환경을 제공하는 6년 차 엔지니어입니다.

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

Frontend Engineer & Performance Optimizer

StackNext.js / TS / Web Worker
FocusVirtualization & Rendering Speed
Motto"성능 최적화를 통해 더 나은 사용자 경험을 만듭니다."
Open to Opportunities

기술 스택.

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

프론트엔드 코어 (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% 개선
  • Next.js 기반 메타데이터, 시맨틱 마크업 및 LCP 이미지 로딩 구조를 개선하여 Lighthouse 성능(59 → 91) 및 SEO(91 → 100) 대폭 향상, 자연 검색 노출수 53% 및 클릭수 14% 증가

프로젝트.

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

B2B Enterprise Admin Suite

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

  • 대규모 렌더링 지연 및 구조 리팩토링: 대량의 회원 데이터를 동시 편집할 때 발생하는 렌더링 지연 문제와 비대해진 컴포넌트 구조 개선
  • 가상화 기반 렌더링 성능 최적화: Chrome Performance API로 Long Task 병목을 분석하고, React Virtuoso 기반 가상화 테이블을 적용하여 텍스트 입력 지연을 1860ms에서 28ms로 대폭 단축
ReactCRA (Webpack)React VirtuosoChrome Performance
상세 로그 보기
B2B Telecom Back-Office

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

  • 대용량 엑셀 다운로드 구조 개선: 엑셀 생성 책임을 서버에서 클라이언트로 이관하여 서버 부하 및 API 지연 문제 해결. Web Worker 및 ZIP 분할 압축 적용으로 80만 건 다운로드 처리 시간 33% 단축 (27분 → 18분)
  • 랜딩페이지 SEO 및 성능 최적화: Next.js 기반 메타데이터, 시맨틱 마크업 및 LCP 이미지 로딩 구조를 개선하여 Lighthouse 성능(59 → 91) 및 SEO(91 → 100) 지표 대폭 향상. 결과적으로 자연 검색 노출수 53%, 클릭수 14% 증가 달성
ReactSheetJSWeb WorkerZIP Compression
상세 로그 보기
Fintech Platform

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

  • 관리자 입력 폼 공통 컴포넌트 구조 제안: 기존 단순 JSX 나열 방식에서 JSON 기반의 선언적 스키마 폼 구조로 개선하여 폼 관련 코드(LOC) 23% 감소
  • 반응형 웹 레이아웃 최적화: CSS Grid 기반 구조를 도입하여 다양한 기기와 디자인 시안에 대한 프론트엔드 대응 속도 극대화
ReactNext.js (SSR)React NativeTailwind CSS
Personal AI Mobile App

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

  • 오프라인 퍼스트(Offline-First) 동기화: 네트워크 단절 시에도 연속성을 보장하기 위해 메시지 순번(SEQ) 기반 데이터 간극 탐지(Data Gap Detection) 및 로컬 페이징 동기화 구현
  • 실시간 AI 스트리밍 구축: HTTP SSE 엔드포인트 연동을 통해 끊김 없는 실시간 AI 답변 스트리밍 통신 흐름 단독 구축
React Native (CLI)TypeScriptSQLiteFirebaseOpenAI
상세 로그 보기GitHub

연락처.

새로운 제안이나 가벼운 커피챗 모두 환영합니다. 언제든 편하게 연락해 주세요.

Portfolio Source Code

메시지 보내기

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