미리보기

약 6년간 엑셀 기반으로 운영하던 시리즈B단계 서비스의 DT(Digital Transformation)를 위한 시스템 개발 및 안정화 작업을 담당합니다.

• 개발파트리딩
• 사내 UI 라이브러리 구축
• 키즈 시스템 개발 및 안정화 작업
• 비즈 시스템 도입 예정

• 롱스테이 호텔 숙박 플랫폼 ‘호텔에삶’의 FE개발자로서 신규 프로젝트 개발 및 유지보수
• A/B 테스트등을 기반으로 한 서비스 고도화
• Sentry를 통한 잠재적 이슈 대응 및 서비스 개선
• SEO 개선
• 디자인 시스템 구축 및 유지 보수

호텔에삶 포팅 프로젝트

• 사용자 경험 개선
  • 웹 워커를 이용한 비동기 이미지 처리를 구현, Lighthouse TBT 지표를 6배 향상
• React 기반의 레거시 프로젝트를 Next.js로 초기 빌드부터 배포까지 진행하였습니다.
  • SEO 개선
    • 구글 오가닉 노출수 54% 증가
    • 네이버 SEO 클릭률 45% 증가
• 이탈률 20% 감소
  • 디자인 개편과 함께 노출되는 정보 증가 기반
• 성능 개선
  • 온디맨드 이미지 리사이징 아키텍처 구축
    • CloudFront ↔ AWS Lambda@Edge
  • 웹 워커를 이용한 비동기 이미지 처리를 구현, Lighthouse TBT 지표를 6배 향상
• Sentry 도입
  • 잠재적 크리티컬 이슈 선제 대응

디자인시스템(Dash 라이브러리)

• 디자인 시스템 구축을 위한 컴포넌트 작업을 진행하였습니다.
  • 전체 컴포넌트의 약 68%를 개발 완료

빅픽처인터렉티브의 자회사인 플레이엑스피 소속으로 LOL, VALORANT, TFT, PUBG 등등 8개의 게임 전적 검색 서비스의 FE를 담당하였습니다.

• MAU 400만, 80만 등의 기존 Vue + Laravel 기반의 레거시 서비스를 중단 없이 Nuxtjs, Nextjs로 전환하는 업무를 담당하고 있으며 빠른 이슈 대응과 기획, 아이디어 단계에 참여하며 신기능 개발
• 네이티브 앱과 웹뷰간의 통신을 위한 앱팀과의 커뮤니케이션 및 공통 모듈 제작 및 관리

React, React-Native를 이용한 웹, 앱 서비스를 유지보수 하였습니다.

• 이터널리턴 전적검색 서비스
• Laravel + Blade + Vue.js로 구성되어 있던 프로젝트를 Next.js + Node.js 기반의 서비스로의 전환 프로젝트 초기 빌드부터 개발을 진행하였습니다.
• 서버 상태 분리와 재사용성, 캐시를 활용한 성능 향상과 유저 경험 향상을 위한 React Query를 도입하였습니다.
• 유저 프로필 매치 히스토리, 루트 기능을 제외한 모든 기능을 개발하였습니다.
• 컴포넌트의 독립성과 활용성, 컴포넌트 기반의 개발을 위한 Storybook을 도입하였습니다.

• 발로란트 전적검색 서비스
• Laravel + Blade + Vue.js로 구성되어 있던 프로젝트를 Next.js + Node.js 기반의 서비스로의 전환 프로젝트 초기 빌드부터 FE 1인 개발을 진행하였습니다.
• 성능과 사용자 경험 향상등을 위하여 ISR, SSR, CSR 렌더링을 효율적으로 사용할 수 있는 Next.js를 도입하였습니다.
• SEO 향상을 위한 다국어 정책 변경을 하였으며 hl=ko-KR의 쿼리 방식 대신 서브 라우트 방식의 /ko, /en 으로 전환하였습니다.
• SEO 개발 작업을 위해 HOC 패턴을 이용한 SEO 작업을 진행하였습니다.
• Lighthouse 기준 SEO와 접근성 등 5060점대의 점수에서 90100점대의 점수로 향상시켰습니다.

• 리그오브레전드 전적검색 서비스
• MAU 80만의 Laravel + Blade + Vue.js로 구성되어 있던 서비스를 Nuxt.js + Node.js 기반의 서비스로의 전환 프로젝트 초기 빌드부터 진행하였습니다.
• 코드의 재사용성을 위해 Composition API를 도입하였습니다.
• UI 작업의 생산성을 위해 Windi CSS를 도입하여 진행하였습니다. → 도입한 이유에 대하여
• Lighthouse 기준 SEO와 접근성 등 5060점대의 점수에서 90100점대의 점수로 향상시켰습니다.
• 인덱스, 검색, 챔피언 분석, 챔피언 티어 UI 작업 및 기능 개발을 하였습니다.

• 배틀그라운드 전적검색 서비스
• Laravel + Blade + Vue.js로 구성되어 있던 프로젝트를 Nuxt.js + Node.js 기반의 서비스로의 전환 프로젝트 초기 빌드부터 진행하였습니다.
• SEO와 SSR를 위해 Nuxt.js를 도입하였습니다.
• Lighthouse 기준 SEO와 접근성 등 5060점대의 점수에서 90100점대의 점수로 향상시켰습니다.
• 전환 이후 storage 저장 비용 95% 절감과 페이지별 2~4배의 성능 향상 효과를 보았으며 MAU 25만에서 33만으로 32% 상승하였습니다.
• 인덱스, 검색, 통계, 순위표, 즐겨찾기, 상세 전적 기능 개발 및 프로필 UI 작업을 진행하였습니다.

• 합류 당시 게임 이터널리턴의 제작사 님블뉴런과의 외주 계약건이 있어서 진행하였습니다.
• Laravel 기반의 프로젝트였으며 Laravel의 Blade 문법과 Vue, Sass를 이용하여 퍼블리싱 작업을 진행하였습니다.
• i18n을 이용한 다국어 지원을 하였습니다.