미리보기

• 헌옷 수거 서비스 "리클" 애플리케이션 개발 리드

  • 외주 개발자가 약 30% 작업 완료한 앱을 받아 기능 개발 및 스토어 배포 담당

  • 기존 아임웹으로 운영되던 자사몰을 앱 내부 자체 제작 스토어로 전환하는 작업 진행

  • 앱 전체 리뉴얼로 페이지 코드 재작성

  • 스프린트를 통한 주단위 회의 및 기능 개발, 성과 분석진행

  • 기능 추가 , 오류 수정과 같은 유지보수 작업 진행

• 헌옷 수거 기사 전용 앱 "리클 라이더" 애플리케이션 개발 리드

  • 기존에 사내 어드민 웹페이지로 운영되고 있던 기사용 페이지를 자체 앱으로 전환

  • ESC/POS 프린터 블루투스 연동 작업 및 버튼 클릭시 데이터를 용지로 출력하는 기능 개발

• 팀 내부 React Native 교육

  • 한달간 주 1회 React Native 기본 문법, 코드 컨벤션 , 배포 진행 과정을 교육

• 개발 프로세스 최적화

  • Storybook 도입으로 디자인 시스템 구축 및 UI 컴포넌트 테스트 환경 개선

  • Fastlane 도입으로 배포 프로세스 자동화 및 개발 생산성 향상

• 애플 전용 중고거래 애플리케이션 "어디로" 개발 리드

  • 앱 제작 및 스토어 배포까지 모두 담당
  • 빠른 버그 수정 및 배포를 위한 코드푸시 기능을 적용

• 핸드폰 자가진단 애플리케이션 “스스로" 개발 리드

  • 앱 제작 및 스토어 배포까지 모두 담당

• 신입 개발자 React Native 교육

  • 신입 개발자 입사 후 1주일간 React Native 기초 강습 진행 및 과제 평가를 진행

• 사내 인트라넷, 사이트 유지보수 및 관리자 페이지 제작

• 프로젝트 개요

  • 기존에 수동으로 작업되던 테스트 및 실서버 배포 자동화 진행

• 사용 기술 스택

  • Fastlane, Firebase App Distribution , Slack Webhook

• 주요 업무 및 성과

  • Fastlane을 활용하여 cli를 통한 프로덕션 앱 자동 배포

  • Firebase App Distribution을 활용한 내부 테스트 앱 배포 프로세스 변경

  • Fastlane + Firebase + Slack Webhook을 활용하여 내부 테스트 앱 자동 배포시 사내 팀에 메시지 자동 전송

• 프로젝트 개요
  기존에 운영 중인 앱의 전체 디자인 및 기능을 개선하는 리뉴얼 작업 진행

• 사용 기술 스택

  • Front-End: React Native, TypeScript, Recoil, Storybook, Lottie

  • 스타일링: Styled-Components

• 주요 업무 및 성과

  • 앱 리뉴얼 전체 개발 총괄

  • Tailwind + Styled-Components에서 Styled-Components 단일화로 전환

  • Storybook을 활용해 일관성 있는 컴포넌트 기반 디자인 시스템 설계 및 npm 배포

  • 2023년 8월에 개발된 스토어 페이지를 제외한 모든 페이지 코드 재작성

  • Lottie를 사용하여 애니메이션 스플래시 화면 구현

  • Babel 및 tsconfig 설정 변경으로 import 경로 간소화

• 프로젝트 개요
  기존 아임웹으로 운영되던 자사몰을 앱 내부에서 자체 제작 스토어로 전환

사용 기술 스택

• Front-End: React Native, TypeScript, Axios, Recoil

주요 업무 및 성과

• 스토어 기능 전체 개발 총괄 진행

• 사내 기술 스택에 맞춰 axios를 활용한 API 통신 구현

• recoil selector를 활용한 성능 최적화 작업

• 중복된 컴포넌트 모듈화로 코드 일관성과 재사용성 확보

• 포트원사의 토스페이먼츠 결제 모듈 연동 진행

• 사이즈 변경 버튼 클릭 시 페이지 전체 리렌더링 문제를 API 호출 의존성 및 Recoil 구조 분리로 해결

• 성능 개선:

  • 스토어 메인페이지 로딩 속도 5초 → 1초로 단축

  • 상품 리스트 로딩 속도 6초 → 0.3초로 개선

  • Flamegraph를 활용해 필터 적용 및 카테고리 변경 시 불필요한 리렌더링, API 호출 및 로딩 속도 문제 분석 후 개선

프로젝트 개요
헌옷 수거 서비스 "리클" 애플리케이션의 개발 리드를 맡아 설계부터 출시까지 진행

사용 기술 스택

• Front-End: React Native, TypeScript, Apollo, Recoil, Styled-Components

• Server: Firebase (Push Notification, Analytics, Crashlytics)

주요 업무 및 성과

• React-Native를 사용한 헌옷 수거 서비스 개발 총 담당 및 출시 완료

• 2023년 8월 기준 8만 다운로드, 3만 MAU 달성

• 네이버, 구글, 카카오 로그인 기능 구현

• FCM(Firebase Cloud Messaging)을 활용한 푸시 알림 기능 도입

• Crashlytics를 통한 에러 로그 수집 및 대응 체계 구축

• CodePush 기능 도입으로 앱 업데이트 관리 효율화

• Styled-Components를 활용한 공용 스타일 컴포넌트 관리 및 재사용성 강화

• Flipper 도입으로 디버깅 효율성 향상

• Flamegraph를 활용하여 불필요한 컴포넌트 렌더링 문제 추적 및 개선

• 코드 컨벤션 정립 및 문서화로 협업 효율성 강화

프로젝트 개요
기존 어드민 웹으로 구성된 기사 전용 페이지를 앱으로 재구성하고 기능을 추가

사용 기술 스택

• Front-End: React Native, TypeScript, Recoil

주요 업무 및 성과

• 기존 어드민 웹을 앱으로 재구성하며 사무직과 라이더 기능을 분리

• ESC/POS 프린터와 블루투스 연동 작업을 수행, 버튼 클릭 시 데이터와 바코드 출력 기능 개발

• 기존 수기 입력 방식을 바코드 스캔 방식으로 전환해 기사 업무 부담 감소

어디로 중고거래 앱 개발

프로젝트 개요
중고거래 앱의 설계, 개발, 출시 전 과정을 단독으로 담당

사용 기술 스택

• Front-End: React Native, Axios, Context API, Styled-Components

• Back-End: PHP, MySQL, Node.js & socket.io(채팅 기능)

• Server:

  • Naver Cloud Platform (Server, Image Optimizer, Object Storage)

  • Firebase (Push Notification, Analytics, Crashlytics)

주요 업무 및 성과

• React Native를 사용해 앱 설계부터 개발, 출시까지 진행, 3000명 고객 서비스

• 상품 리스트 로딩 성능 개선:

  • 기존 20초 → 1초로 단축

  • 문제: 모든 상품 데이터를 한 번에 로딩하며 과부하 발생

  • 해결: 초기 로딩 시 20개 상품만 불러오고, Infinite Scroll을 도입하여 사용자의 스크롤에 따라 추가 로딩

• 게시글 이미지 로딩 속도 개선:

  • 게시글 상세페이지: 5초 → 1초

  • 게시글 작성: 30초 → 3~8초 (이미지 크기 따라 다름)

  • 문제: Firebase 버킷(region: 미국) 사용으로 이미지 로딩 지연

  • 해결: Naver Cloud Platform S3로 이미지 서버 전환 및 Image Optimizer를 활용한 이미지 리사이징 적용

• 채팅 서버 개선:

  • 문제: VPN 사용 시 Firebase Realtime Database 접근 불가로 채팅 내역 및 전송 문제 발생

  • 해결: Node.js와 Socket.io를 사용하여 자체 채팅 서버 구축 및 적용

• 사용자 친화적인 이미지 선택 컴포넌트 개발:

  • 기존 라이브러리의 다중 선택 및 편집 불가, 디자인 제한 문제 해결

  • CameraRoll 패키지를 활용해 당근마켓 및 카카오톡 스타일의 맞춤 UI 구현

  • 사용자 인터페이스 강화를 위해 차트 UI 및 돌림판 UI 자체 제작

• Notion 및 Git 도입으로 업무 체계화

React-Native를 사용한 핸드폰 자가진단 앱 개발 총 담당 및 출시 완료.

• 16가지의 진단 기능 제작 진행.
• 진단 완료 후 기존 제작된 '어디로' 앱과 연동 가능한 중고보상 시스템 개발 진행.

React + Python을 사용한 영업팀 반복 업무 자동화, 영업 팀의 업무 시간 주당 10시간 이상 줄임. 애플 수리센터 API를 활용한 관리자 페이지 제작 (종로맥, 대화등 애플 공인서비스센터 납품). 애플케어 API를 활용한 등록/관리 페이지 제작 (이마트 납품).