미리보기

축구 · 풋살 소셜 매칭 플랫폼 기업

[스폰지 앱 개발]

담당업무

• 인증 토큰 갱신 병목 처리 개선

  • 동시 요청 환경에서 인증 토큰 갱신 대기열 큐를 도입해 N개의 중복 갱신 요청 → 단일 요청으로 감소

• 스플래시 UI 인증 프로세스 개선 - Blog

  • 에러 핸들링 전략을 통해 클라이언트/서버 오류 분리, Sentry 기준 인증 오류 7건 → 0건으로 감소

  • 서버 오류에 대해 Exponential Backoff Retry를 적용하여 안정성 강화

• 딥링크 리다이렉션 처리 구현

  • 전역 상태에 딥링크 정보를 임시 저장하여 로그인 전/후 자동 이동 처리

  • 로그인 상태 전환 간 단절 없이 자연스러운 이동 경험 제공

• 결제 페이지 UX 개선

  • 이전 결제 수단을 자동 저장하고, 결제 페이지 진입 시 자동 선택되도록 처리하여 빠른 결제 흐름 제공

사용기술

• TypeScript, React Native, Zustand, Tanstack Query, Jest, Yarn

[관리자 페이지 개발]

담당업무

• 공지사항 작성 UX 개선을 위한 실시간 모바일 레이아웃 뷰 도입

  • 웹에서 앱 공지사항 작성 시, 웹과 앱의 레이아웃 차이로 인해 수정 작업이 반복되는 문제 발생

  • 작성 내용이 실시간으로 반영되는 모바일 레이아웃 뷰를 도입하여 공지사항 작성 시간 30% 이상 단축

• 매장 가입 승인 단계에 결제 모듈을 연동하여 안정성 개선

  • 최종 승인 단계에서 관리자 수기 입력 방식으로 인해 휴먼 에러 및 리스크 존재

  • 결제 모듈과의 연동을 통해 유효성 검증 후 승인하도록 구조 개선

사용기술

• Typescript, Nextjs, Tailwind CSS, Jest

[자동화를 통한 생산성 개선]

담당업무

• 인앱 업데이트 프로세스 구축

  • 앱 심사로 인해 배포 시점이 최대 1~2일 지연되는 문제를 인앱 업데이트 프로세스를 통해 평균 3분 이내로 단축

  • 네이티브 및 자바스크립트 변경 사항에 대한 다른 대응을 위해 Commit Hash 값을 기반으로 변경 여부 감지

• 인앱 업데이트 시점 제어를 통한 배포 유연성 개선 - Blog

  • main 브랜치 머지 시 인앱 업데이트가 수행되던 구조 → 원하는 시점에 배포 가능한 구조로 개선

• 배포 파이프라인 구축

  • Android/iOS 앱을 각각 수동 업로드해야 하는 문제를 Github Actions를 활용하여 브랜치 전략에 따른 배포 자동화로 작업 효율성 개선

사용기술

• AWS S3, Fastlane, Firebase App Distribution, Github Actions

지출 내역을 관리하고 공유하는 어플리케이션 | Github · Wiki

담당작업

• 개발 독립성 확보 및 테스트 신뢰성 개선

  • 백엔드에 의존적이던 협업 구조를 API 모킹을 통해 독립적으로 개발이 가능하도록 개선

  • 모킹 기반 테스트 코드 작성으로 비즈니스 로직 검증 및 코드 품질 향상

• 낙관적 업데이트를 통한 피드백 속도 향상

  • 좋아요/북마크 등 즉각 반응이 필요한 UI에 API 응답 대기 없이 UI에 선반영

  • 오류 발생 시 기존 스냅샷 데이터로 롤백 처리하고, 서버 상태와의 동기화를 통해 안정성 확보

사용기술

• TypeScript, React, Tanstack Query, Zustand, Sass, Vite

여행 기록을 지도에 표시하고 공유하는 어플리케이션 | Github · Service Demo

담당작업

• 초기 렌더링 시간 최적화 및 리소스 제거

  • 불필요한 데이터를 제거하고 GeoJSON 포맷 적용으로 1MB → 50KB으로 초기 지도 렌더링 부하 감소

• 사용자가 여행 정보를 지도를 통해 빠르게 확인할 수 있도록 개선 - Blog

  • 지도에 표시된 이미지를 클릭하면, 이미지의 메타데이터를 기반으로 위치를 계산해 해당 지점으로 이동하는 기능 구현

사용기술

• JavaScript, React, Redux Toolkit, Sass, Webpack

react-native-ota-hot-update

React Native 앱에서 자체 서버를 통해 코드 푸시처럼 핫 업데이트를 적용할 수 있는 라이브러리

• 앱 재시작 지연 시간을 설정할 수 있는 옵션을 추가해 유연성 향상 - PR

• PR 검토를 용이하게 하기 위해 템플릿 추가 - PR

• 유지보수성을 높이기 위해 early return과 일관된 async/await 패턴 적용 - PR

react-native-kakao

React Native 앱에서 카카오 서비스와의 연동을 지원하는 라이브러리

• 한/영 개발 문서의 문장 흐름을 개선하여 설명의 명확성 향상 - PR

• 모든 학습 내용을 깃허브에 기록

• 과제 기반의 코드 리뷰 중심

• 팀 프로젝트 및 해커톤을 통합 협업 경험