ULIFT
Lead Software Engineer
2024.01~
- Next.js
- TypeScript
- tailwindcss
- Turborepo
- pnpm
- Jest
- Playwright
- Sentry
- Streamlit
프론트엔드 성능 · SEO 개선 및 사용자 경험 향상
- Server Component, Streaming, Lazy Loading, ISR 등의 기술 적용으로 FCP 50% 단축 및 라이트하우스 성능 점수 20점 향상
- PM, 디자이너와 협업한 SEO 및 UX 개선 작업으로 라이트하우스 SEO 점수 100점, 접근성 점수 96점 달성
- 기존 모바일 기준으로 개발된 페이지 & 컴포넌트 반응형으로 수정
- 개선 후 60초 체류 비율 5% → 15%, 결제 시도 비율 0.5% → 2.5%로 향상
- 이러한 성과는 시리즈 A 투자 유치에 기여하며 회사의 비즈니스 성장에 중요한 역할을 함
개발 파트 리드 및 협업을 통한 성과 창출
- 프리랜서로 입사했으나 프로젝트 성과와 문제 해결 능력을 인정받아 개발 파트 리드로 승진
- 코드 리뷰 프로세스를 정착시키며 건설적인 피드백 문화를 이끌었고, Jira 기반 스크럼 방식을 도입해 팀의 Velocity 30% 향상시키고 개발 일정의 예측 가능성을 높임
- 복잡한 요구사항에 대해 대안 마련 및 단계별 로드맵 제시로 제한된 시간 내 핵심 가치를 담은 제품 출시를 주도함
- 마케팅, 운영 등 타 부서와의 긴밀한 협업을 통해 데이터 지표 및 대시보드 제공, 사용자 반응 분석으로 지속적인 서비스 개선을 추진함
서비스 안정성 개선
- QA 담당자의 이탈로 인해 테스트 리소스 부족 및 품질 저하 우려가 있었으나, 테스트 자동화 및 모니터링 강화로 이를 극복
- Jest, Playwright 기반의 테스트 환경 구축 및 팀 내 테스트 문화 정착으로 배포 안정성 향상
- Sentry를 활용한 에러 모니터링 환경 구축을 통해 Crash Free Sessions 비율 99.5% 달성, 서비스 신뢰도 개선
학습드라마로 배우는 모바일 코딩학습 코딩밸리 웹 개발 및 아키텍처 설계 주도
- 사용된 기술: Next.js 14(Server Component, Server Action), TypeScript, tailwindcss, Turborepo, pnpm
- Server Component 적용으로 브라우저에서의 API 요청 최소화
- 최소한의 API 요청은 Server Action으로 처리하여 별도의 백엔드 없는 웹 어플리케이션 구현
- 모노레포 프로젝트의 패키지 관리 도구를 npm → pnpm으로 마이그레이션하여 빌드 성능 최적화
- 그 결과, 팬텀 디펜던시 문제 해결, 빌드 속도 4분 → 2분 30초 단축, 프로젝트 내 node_modules 크기 30% 감소로 디스크 효율성 향상
AI 멘토 프로젝트
- LLM을 활용한 강의 추천 인공지능(‘AI 멘토’) 기획 및 PoC(Proof of Concept) 주도
- 데이터 수집 및 전처리 후 RAG 기반 모델 구현, Streamlit을 활용한 프로토타입 개발 및 팀 피드백 반영
- 지속적인 기능 개선과 서비스 연동을 통해 프로젝트 고도화 진행
프리랜서
2023.05~2023.09
- React
- TypeScript
- GraphQL
- Apollo Client
- Redux
- Jest
AX - 여행기업 B2B 예약관리 솔루션
AX Cloud 프론트엔드 개발
- 사용된 기술: React, JavaScript, react-hook-form
- 신규 컴포넌트 개발
- 프로젝트 완성 및 출시
Ingkle - 설비 모니터링 시스템
Nazare Cloud 프론트엔드 개발
- 사용된 기술: React, TypeScript, GraphQL, Apollo Client, Redux
- 신규 컴포넌트 개발
- 테스트 코드 작성
FOURGRIT
Frontend Developer
2022.05~2023.02
- Nuxt.js
- JavaScript
- Vuex
- Gitlab CI/CD
- Jest
- JQuery
빅데이터를 통해 UX 솔루션을 제공하는 Beusable,
데이터 다루는 사람들을 위한 커뮤니티인 뷰저블 포럼 개발
- 사용된 기술: Nuxt.js, JavaScript, Vuex, Gitlab CI/CD, Jest, JQuery
- 데이터 시각화 컴포넌트, 반응형 홈페이지 신규 개발
- 백오피스 기능 구현 및 운영
- i18n 적용
프론트엔드 성능 최적화 및 사용자 경험 개선
- Lazy Loading 적용, Script 분리 및 Inlining, 정적 리소스 CDN 활용 등으로 초기 로딩 성능을 개선해 메인 페이지 FCP 50% 이상 단축
- SSR 아키텍처 수정, 컴포넌트 구조 리팩토링 등을 통해 API 요청 횟수 약 40% 감소
개발 환경 개선
- Gitlab CI/CD + Jest 기반의 테스트 자동화 도입 및 테스트 작성
- TypeScript 도입을 위한 TypeScript Template 및 문법 가이드 작성
- 프로젝트 아키텍처, 컨벤션, 환경에 대한 부분 문서화
GameSpring
Software Engineer
2021.01~2022.05
- React
- TypeScript
- React Query
- Zustand
게임 클라이언트 및 프론트엔드 개발
- Unity3D를 활용한 게임 클라이언트 설계, 개발 및 유지 보수
- React + TypeScript를 활용한 백오피스 프론트엔드 기능 구현 및 운영
- React Query + Zustand를 활용한 리팩토링으로 코드량 70% 감소 및 Store & 비동기 통신 분리