미리보기
기본 정보
뭐든지 배워두면 써먹는 곳이 있다고 생각하기에 다양한 주제를 알려고 노력합니다. 지식의 교차를 좋아하며, 효율적으로 바뀌어 나가는 과정을 즐깁니다. 도구를 사용 해보고, 적용하고, 일할 때 답답한 부분을 개선하려고 노력합니다. 리액트와 Next.js를 활용한 웹 서비스를 개발해 본 경험이 있으며 현재는 영상 재생 도메인 개발을 병행하고 있습니다. 유저에 대한 궁금증을 모니터링 통해 해소하는 편입니다. 구글 서치콘솔, Datadog RUM을 주로 사용하며 얻은 인사이트는 동료와 공유합니다.
기술 스택
경력
주식회사인프랩
프론트엔드 개발자 • 개발 파트
라이프 타임 커리어 플랫폼 인프런 & 랠릿 서비스
레거시 코드 환경인 express SSR 서버 환경과 React, Next.js로 개발된 신규 스택에서 프론트엔드를 담당했습니다.
주기적인 데이터독, 구글 서치콘솔 모니터링을 통한 사용자 경험 개선, SEO 개선, 아이디어 제안을 주도적으로 진행했습니다.
(3년 5개월 | 정규직)
주식회사 모두의셔틀
프런트엔드 개발자 • 개발 파트
출퇴근 공유셔틀 서비스를 운영하는 모두의셔틀
출근길 제작을 위한 지리 데이터를 사용하여 출발/도착지 좌표 기반 검색, 신청자 위치 파악, 출근길 경로 제작 툴 등의 컴포넌트 개발
기존 컴포넌트 문서화를 위해 Storybook 활용
(2년 3개월 | 정규직)
프로젝트
인프랩
인프런 개발 및 유지보수
인프런 강의실
강의 영상 보안재생 기능 도입
학습 환경 개선 (자막 기능 도입, 3배속, 자동 재생 등)
인프런 일부 페이지 리뉴얼 및 국제화 적용
강의실 에러 모니터링 플로우 개선
레거시 장바구니 페이지 UI 개선 (구매 전환율 상승 태블릿 +98%, 모바일 +34%, 데스크탑 +20%)
shaka-player React Next.js Vite zustand express
인프랩
랠릿 개발 및 유지보수
B2B 채용 전형절차 커스터마이징, 랠릿 B2C 이력서 커스터마이징 등 input이 100개 이상 넘어갈 수 있는 복잡한 폼 컴포넌트 개발
SEO를 위한 지속적인 라이트하우스 높은 점수 유지, 구조화된 데이터(JSON-LD) 도입, 동적 sitemap 생성
모두의셔틀
운영 서비스 개발 및 어드민 유지보수
Angular.js 레거시 프로젝트를 React 리뉴얼 (
B2C, 도메인 별 Admin 등 여러 개로 분리)
지리 데이터를 시각화하는 컴포넌트 개발 (출발/도착지 좌표 기반 검색, 신청자 위치 파악, 출근길 경로 제작 툴 등)
websocket을 활용한 출근길 실시간 신청 기능 개발
프론트엔드 문서화를 위해 Storybook을 사용하여 기존 컴포넌트 문서화
여러 곳의 Admin에서 사용되는 공통적인 기능은 분리하여 Iframe을 통해 재활용
React Turf.js 카카오맵 SDK Bootstrap
포트폴리오
자격증
정보처리산업기사
한국산업인력공단
2016.11.