이정원
jwon133@gmail.com
소개
- 숏폼 비디오 플랫폼의 핵심 재생 파이프라인을 설계하고 구현한 경험이 있습니다.
- HLS 스트리밍 인증, IntersectionObserver 기반 무한스크롤 성능 최적화 구현
- tier별 메모리 cleanup 파이프라인 구현
- Light house 측정 기반의 웹 성능 최적화를 수행한 경험이 있습니다.
- LCP 68% 단축(5.2초→1.7초), 초기 번들 77% 절감(1.2MB→0.28MB)
- 지속 운영 중인 감정 분석 서비스(로컬리)의 코드 품질과 성능 개선을 주도한 경험이 있습니다.
- 타입 안정성 확보를 위한 JavaScript → TypeScript 전환
- 상태 관리를 위한 TanStack Query 서버 상태 관리 구현
- 컴포넌트 렌더링 최적화
경력
멋쟁이 사자처럼
Frontend
Jan. 2025 - Dec. 2025
- 초기 팀을 이루어 협업하는 방식을 배우고 축제 소개팅 서비스로 3일간 900명 사용자 달성
- 지역 사회에 소외된 소극장을 활성화시키기 위한 숏폼 서비스를 만들어보았으며, 숏폼과 영상 관련 프론트엔드 지식을 얻음
- 13기 종료 후에도 지속 가능한 서비스를 만들기 위해 교외 멋쟁이 사자처럼 인원들과 팀을 이루어 외국인을 위한 감정 분석 서비스 개발 및 현재도 서비스 유지 중
코드잇 스프린트
Frontend
Sep. 2025 - Feb. 2026
- 6개월간의 프론트엔드 개발자에게 필요한 전반적인 지식 습득 및 더 깊게 배워야 할 부분을 직접 계획
- 초급, 중급, 고급 3개의 프로젝트를 협업을 통해 개발하며 프론트엔드 개발자 간 소통법, Notion, git 관리 등 습득
테커
Frontend
Jan. 2026 - 현재
- 5주간의 End-to-End 경험을 통해 백엔드 캐시, DB 쿼리 최적화, OpenSearch 하이브리드 검색 등 코드 개발 과정 참여 및 인사이트 획득
학력
인천대학교
인천
학사
Mar. 2020 - Aug. 2026
기술
Programming Languages
- TypeScript
- JavaScript
Frontend Frameworks & Libraries
- Next.js
- React
- React Query
- Axios
- Zustand
- Recoil
Styling
- Tailwind CSS
- Styled-Components
프로젝트
잔치 (zanchi) - 소극장 숏폼 비디오 플랫폼
Front Engineer
Jun. 2025 - Aug. 2025
공연을 숏폼 영상으로 감상하고, 지역 소극장과 연계한 티켓 예매까지 이어지는 공연 탐색 플랫폼
- 숏폼 비디오 무한스크롤 성능 최적화
- scroll-snap UX와 로킹 없는 스크롤 성능을 동시에 확보하기 위해 IntersectionObserver를 역할별로 분리하여 자동 재생과 데이터 프리페치를 독립 제어
- 피드 스크롤 시 화면을 벗어난 영상의 HLS 인스턴스, 진행 중인 다운로드, blob URL을 tier별로 즉시 정리하는 cleanup 파이프라인 적용으로 메모리 누수 방지
- 영상 이어보기 (Playback Resume)
- sessionStorage에 재생 위치를 500ms 간격으로 저장하고, 이탈 후 2초 이내 재진입 시에만 이어보기를 제공하여 스크롤 후 되돌아왔을 때 자연스러운 UX 구현
- Skills: JavaScript, Next.js, Styled-Components, React Query, Recoil, HLS.js
로컬리 - 외국인 감정 분석 서비스
Front Engineer
Nov. 2025 - Dec. 2025
외국인의 일상 감정을 AI로 분석하고, 감정에 맞는 미션과 장소 매칭하여 리워드를 제공하는 웰니스 서비스
- 위치 기반 미션 시스템
- Geolocation API 기반 useGeolocation 훅으로 사용자 위치를 실시간 추적, 위치 권한 거부/타임아웃 등 에러 케이스별 메시지 제공
- JavaScript → TypeScript 마이그레이션
- 전체 코드베이스를 TypeScript로 전환, API 응답·Props·상태에 대한 타입 정의 적용으로 컴파일 타임 오류 사전 차단
- TanStack Query 서버 상태 일원화
- 서버 상태를 TanStack Query로 전환, 남은 클라이언트 상태는 최소 수준으로 React Context + useState만으로 관리하여 불필요한 의존성 제거
- Skills: JavaScript, TypeScript, React, Next.js, Styled-Components, React Query, Axios, Vite
Dres:sense - AI 패션 분석 플랫폼
Front Engineer
Jan. 2026 - Jan. 2026
"이 옷 어디 거야?"를 사진 한 장과 AI 에이전트와의 대화로 해결하는 패션 분석 · 피드 · 가상 피팅 플랫폼
- 이미지 로딩 및 LCP 성능 개선
- Pinterest 스타일 Masonry 피드에서 Above-the-fold 이미지에 fetchPriority="high" + loading="eager", 나머지에 lazy 로딩 적용 및 스켈레톤 로더로 체감 성능 개선, LCP 68% 단축(5.2초→1.7초), 모바일 데이터 40% 절감
- JWT 자동 갱신 시스템
- Axios 인터셉터에서 Subscriber 패턴 적용, 동시 다발 401 에러 시에도 토큰 갱신 요청이 한 번만 발생하도록 구현
- 초기 번들 사이즈 최적화
- React.lazy + Suspense로 12개 페이지 분리, 방문하는 페이지만 로드하여 초기 번들 크기 1.2MB에서 77% 절감
- Skills: TypeScript, React, Tailwind CSS, React Query, Zustand, Framer Motion, Axios, Vite