백종환
Frontend Developer
사용자 경험을 가볍고 빠르게 만드는 데 집중합니다
누구나 이해할 수 있는 단순한 구조를 지향합니다
개선 전·후를 데이터로 측정해, 근거 있는 성장을 만들어갑니다
LCP 개선
64%↓
3.1s → 1.1s
미디어 최적화
95%↓
67.5MB → 3.1MB
SEO 점수
58%↑
58 → 92
About Me
핵심 가치
측정 가능한 개선
모든 개선은 데이터로 증명합니다. LCP 64% 개선, 미디어 95% 경량화 등 구체적인 수치로 성과를 만들어냅니다.
성능 최우선
사용자가 체감하는 속도를 가장 중요하게 생각합니다. 코드 스플리팅, 레이지 로딩, 캐싱 전략으로 빠른 경험을 제공합니다.
실용적 해결
복잡한 문제를 단순하고 유지보수 가능한 구조로 해결합니다. 과도한 추상화보다 명확한 코드를 추구합니다.
개발 여정
개발 철학
저는 문제 해결을 즐기며, 더 나은 방향을 찾기 위해 끊임없이 고민하는 프론트엔드 개발자입니다. 단순히 기능을 구현하는 것보다 사용자 경험과 운영의 효율성을 함께 고려합니다.
학습과 성장
처음 Vanilla JavaScript로 시작해서, 지금은 Next.js와 TypeScript로 대규모 프로젝트를 개발합니다. 블록체인 프로젝트에서는 Web3 기술을, LMS 플랫폼에서는 대용량 파일 처리와 실시간 통신을 깊이 학습했습니다.
문제 해결 접근법
문제를 만나면 먼저 "왜?"를 묻습니다. 근본 원인을 찾아 해결하면, 같은 문제가 반복되지 않습니다. 예를 들어, 초기 로딩 속도가 느린 문제의 원인을 분석하여 이미지 최적화와 코드 스플리팅으로 LCP를 2.8초에서 1.0초로 64% 단축했습니다.
사용자 경험을 가볍고 빠르게 만드는 데 집중하며,
누구나 이해할 수 있는 단순한 구조를 지향합니다.
Work Experience
경일게임아이티아카데미
개발팀 · Frontend Developer
학습 페이지(LMS) 개발
주요 업무
- App Router 기반 SSR/ISR 및 HydrationBoundary 설계
- MD 교안 뷰어, 과제 제출-평가 통합 플로우 구현
- DnD Kit 드래그앤드롭 커리큘럼 편집 UI
- S3 Presigned URL 멀티파트 대용량 업로드
주요 성과
- 커리큘럼 편집 시간 단축
- 업로드 실패율 감소
- 학습자-강사 상호작용 증대
사내 백오피스 플랫폼
주요 업무
- 전사 행정/모집/교육 운영 통합 백오피스 설계
- FFmpeg WASM → AWS MediaConvert 전환 설계
- 기능 단위 접근 제한 권한 시스템 구현
- Excel 대량 Import/Export 및 이력 관리
주요 성과
- 동영상 처리 파이프라인 일원화
- HLS 스트리밍 안정성 확보
- 운영 실수 예방
홈페이지 리뉴얼
주요 업무
- 정적 Export + S3/CloudFront 배포 체계화
- WebP/MP4 변환 파이프라인 구축
- TossPayments 결제 플로우 내재화
- use-funnel 패턴 다단계 폼 최적화
핵심 개선 지표
64%↓
LCP 개선
95.4%↓
미디어 경량화
58%↑
SEO 점수
주요 문제 해결
대용량 파일 업로드 실패 문제
S3 Presigned URL + 멀티파트 업로드로 500MB 이상 파일도 안정적 처리
동영상 변환 메모리 오버플로우
FFmpeg WASM에서 AWS MediaConvert로 전환하여 브라우저 크래시 해결
초기 로딩 속도 개선
이미지 최적화 + 코드 스플리팅으로 LCP 2.8초 → 1.0초 단축
