이현수

프론트엔드 초기 구조 설계

• 하나의 코드베이스에서 어드민, 드라이버, 커스터머 3개 제품을 빌드 및 배포할 수 있는 구조 설계 (AWS 인프라 및 GitHub Actions 활용)
• 디자인 시스템 가이드를 기반으로 재사용성과 확장성을 고려한 웹/앱 공통 UI 컴포넌트 라이브러리 및 기초 레이아웃 설계
• 사용자 역할에 따른 UI 렌더링 제어 및 API 요청 라우팅 동작 방식을 구조화하고, 인증 체계를 공통 모듈로 분리하여 개발 효율성 향상
• 코드 품질 유지와 팀 내 일관성 있는 협업 환경 정립을 위해 코딩 컨벤션을 수립하고 코드의 통일성 추구하고 Lint 환경 구축

비즈니스 기능 개발

AI 기반 프론트엔드 개발 프로세스 자동화 및 검수 체계 구축

• 프론트엔드 작업 프로세스를 AI 스킬로 정의 및 공유하여 기획 누락과 변경을 최소화
• 자동화된 영향범위 검수 과정을 파이프라인에 추가하여, 배포 후 핫픽스 발생률 감소 (기존 평균 2회 -> 총 1회)
• Figma의 컴포넌트와 프론트 컴포넌트를 매핑하여 인식할 수 있도록하여 단순 UI 구현에 소모되는 개발 공수를 단축, 비 프론트엔드 개발자의 UI 프로토타이핑 환경 구축

웹뷰 캐시 개선으로 안정성 강화

• Datadog 도입 및 모니터링을 통한 구 버전 SPA 클라이언트 캐시 오작동 원인 파악 및 인지
• 서버 인프라 개입 없이 CI 과정에서 버전 정보 파일을 생성하고 비교하여 업데이트 유도
• 안드로이드 앱에 Google Play 서비스를 도입해 강제 업데이트
• 배포 이후 구 버전 사용 기간 약 7일 -> 2일 이내로 감소 / 버전 관련 오류 인입률 0% / CS팀 인입 건 배포 직후 평균 3건 -> 0건

모바일 앱 푸시 알림 개발

• 푸시 데이터를 프론트에서 관리하기 위해 기기에 저장하고 웹뷰와 동기화하도록 설계
• 서버 DB에 저장 없이 프론트 자체 처리하여 백엔드 리소스 절감 및 데이터 관리 비용 최적화

CI/CD 개선 및 앱 타입별 배포 분리를 통한 효율화 진행

• 배포 예측성을 위해 CI와 CD를 분리. 빌드를 미리 진행해 배포 실패의 리스크를 없애고, 배포 시 걸리는 시간을 단축 (5분 -> 1분 이내)
• 하나의 코드베이스에서 3개 앱의 CI/CD를 분리하여 배포 시 영향범위를 줄이고 안정성 강화

다국어 시스템(i18n) 도입

• i18n을 도입하여 static 문자열들을 동일된 key로 관리하고, 정리가 안된 용어를 팀에 공유하고 정리
• 신규 인도네시아 서비스 확장을 위한 글로벌 대응 기반 마련 및 개발 공수 단축

Tailwindcss 도입

• 업박스 디자인 시스템에 정의된 디자인 토큰을 Tailwindcss 체계에 반영
• 디자인 시스템에 기반한 정돈된 체계에서 UI 개발 생산성과 통일성 향상