* 큐비 인공지능 기반 중고등학생 내신대비 문제풀이 서비스 누적 회원수 93만, MAU 15만, 누적 학습 기록수 6,800만건의 에듀테크 서비스 팀 리드, 프론트엔드 개발 https://www.predictionai.co.kr/ 작업 내용 - 컴포넌트 생성, 타입 추가 자동화 스크립트 작성하여 생산성 증가, 휴먼 오류 0%로 개선 (100%) - React 기반의 프로젝트를 NextJS로 대규모 리팩토링을 진행하며 30만개의 문제와 6가지의 타입으로 구성된 총 180만개의 페이지를 ISR로 구현, TTI 40% 개선 (80%) - Intersection Observer API를 이용해 Lazy Loading를 구현하여 12종류 그래프 페이지의 로딩속도 약 6s 개선 (100%) - React Query의 Infinite Query를 활용하여 불필요한 API호출 제거 및 캐싱을 통해 TTI 22% 개선 (100%) - Adapter 패턴으로 웹앱 브릿지 모듈을 구현, bridge 모듈과 RN라이브러리의 의존성 제거 (100%) - 디자이너가 없는 환경에서 기획자와 개발자가 소통할 수 있도록 디자인 시스템 구축, 피그마를 통한 디자인 가이드와 디자인 토큰 작업 및 합성 컴포넌트 기반의 컴포넌트로 재사용성을 증가 (40%) - React Native프로젝트를 React Native/NextJS로 마이그레이션하여 배포 전파시간을 48시간에서 5분으로 단축 (80%) - Lean한 업무 방식에 맞게 GitFlow에서 TBD로 브랜치 전략 전환, TBD 전략에 맞춰 CI/CD 개선 (100%) - 개발 프로세스에서 단계별 환경마다 빌드되던 도커 이미지를 재사용하도록 워크플로우를 수정. 개발 프로세스에서 빌드/배포 시간 45% 개선 (100%) 기술 스택 Typescript, React Native, NextJS, emotion, RTK, React Query GitHub Actions, ECS, EFS, CodePush, FireBase

더보기