• ULIFT

  Lead Software Engineer

  2024.01~

  • Next.js
  • TypeScript
  • tailwindcss
  • Turborepo
  • pnpm
  • Jest
  • Playwright
  • Sentry
  • Streamlit

  코딩학습 플랫폼 코딩밸리 웹 개발 및 아키텍처 설계 주도

  • 사용된 기술: Next.js 14(Server Component, Server Action), TypeScript, tailwindcss, Turborepo, pnpm
  • Server Component 적용으로 평균 번들 크기 20% 이상 감소 및 브라우저에서의 API 요청 최소화
  • 모노레포 프로젝트의 패키지 관리 도구를 npm → pnpm으로 마이그레이션하여 빌드 성능 최적화
  • 그 결과, 팬텀 디펜던시 문제 해결, 빌드 속도 4분 → 2분 30초 단축, 프로젝트 내 node_modules 크기 30% 감소로 디스크 효율성 향상

  프론트엔드 성능 · SEO 개선 및 사용자 경험 향상

  • Server Component, Streaming, Lazy Loading, ISR 등의 기술 적용으로 FCP 60% 단축 및 라이트하우스 성능 점수 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% 달성, 서비스 신뢰도 개선

  AI 멘토 프로젝트

  • LLM을 활용한 강의 추천 인공지능(‘AI 멘토’) 기획 및 PoC 주도
  • 데이터 수집 및 전처리 후 RAG 기반 모델 구현, Streamlit을 활용한 프로토타입 개발 및 팀 피드백 반영
  • 지속적인 기능 개선과 서비스 연동을 통해 프로젝트 고도화 진행

• 잉클

  프리랜서(Frontend Developer)

  2023.05~2023.09

  • React
  • TypeScript
  • GraphQL
  • Apollo Client
  • Redux
  • Jest

  설비 모니터링 시스템
  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 & 비동기 통신 분리