성능 최적화에 집중하는 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), 운영 시스템 개발 및 리팩토링을 담당했습니다.
주요 업무 및 성과
- 엑셀 생성 책임을 클라이언트로 분산하고 API 병렬 요청, Web Worker 및 분할 ZIP 구조를 적용하여 최대 80만 건까지 처리 범위를 확장하고, 20.5만 건 기준 1차 개선 구조 대비 처리 시간을 150.8초에서 90.8초로 약 40% 단축
- Chrome Performance 프로파일링과 React Virtuoso 기반 가상화를 적용하여 초기 UI 렌더링 시간을 4.9초에서 0.14초로 97% 단축하고, DOM Node를 기존 64,458개 대비 2,306~5,103개 수준으로 감소
- 반복적인 폼 레이아웃 복잡성을 줄이기 위해 JSON 설정 기반의 선언적 폼 구조를 적용하여 주요 관리자 입력 페이지 LOC를 평균 약 23% 절감
- Next.js 기반 메타데이터, 시맨틱 마크업 및 LCP 이미지 로딩 구조를 개선하여 Lighthouse 성능을 59에서 91, SEO를 91에서 100으로 개선하고, Search Console 한 달 비교 기준 노출수 53% 및 클릭수 14% 증가
프로젝트.
성능을 측정하고 구조를 개선하여 사용자 경험을 개선한 핵심 작업들입니다.
B2B Enterprise Admin Suite
Mozzle (대용량 회원명부 관리 시스템 리팩토링)
- 대규모 렌더링 지연 및 구조 리팩토링: 대량의 회원 데이터를 동시 편집할 때 발생하는 렌더링 지연 문제와 비대해진 컴포넌트 구조 개선
- 가상화 기반 렌더링 성능 최적화: Chrome Performance로 Long Task 병목을 분석하고, React Virtuoso 기반 가상화 테이블을 적용하여 텍스트 입력 지연을 1330ms에서 29ms로 개선
ReactCRA (Webpack)React VirtuosoChrome Performance
B2B Telecom Back-Office
050 BizCall 관리자 웹 - 대용량 엑셀 다운로드 개선
- 대용량 엑셀 다운로드 구조 개선: 엑셀 생성 책임을 서버에서 클라이언트로 분산하고 API 병렬 요청, Web Worker 및 ZIP 분할 압축을 적용하여 최대 80만 건까지 처리 범위 확장. 20.5만 건 기준 1차 개선 구조 대비 처리 시간을 150.8초에서 90.8초로 약 40% 단축
- 랜딩페이지 SEO 및 성능 최적화: Next.js 기반 메타데이터, 시맨틱 마크업 및 LCP 이미지 로딩 구조를 개선하여 Lighthouse 성능(59 → 91) 및 SEO(91 → 100) 지표 개선. Search Console 한 달 비교 기준 노출수 1,290건에서 1,970건으로 53%, 클릭수 70건에서 80건으로 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 답변을 실시간으로 표시하고, 응답 완료 시 최종 메시지를 저장하는 흐름 구현
연락처.
새로운 제안이나 가벼운 커피챗 모두 환영합니다. 언제든 편하게 연락해 주세요.
© 2026 조세훈. Designed and Coded with Natural Warm Theme. All rights reserved.