미리보기

• 하루 약 10,000명이 사용하는 Flutter 기반의 라이프 스타일 플랫폼 "아이쿱 자연드림" 서비스 신규 기능 개발 및 유지보수

• Ionic6 기반에서 Flutter 기반으로 마이그레이션 하여 UI/UX 개선, 레거시 오류 40% 감소, 사용성 30% 향상

• 코드 컨벤션 정립 및 공통 컴포넌트 모듈화

• PHP 기반의 Restful API 설계 및 개발

[소개]

사용자 간의 원활한 소통과 정보를 제공하기 위해 포털 서비스 및 커뮤니티 플랫폼 구축

[기술스택]

Flutter, Dart, Riverpod, Freezed, MySQL, PHP

[역할]

• Freezed의 unionKey와 unionValue를 통하여 다양한 카테고리의 정보를 제공할 수 있도록 UI와 데이터 구조 설계

• 사용자 등급(일반 회원, 관리자)에 따른 데이터 접근 권한 설정

• 커뮤니티 기능에 필요한 리스트, 상세, 댓글, CRUD API 개발

• Flutter의 ImagePicker, MultipartFile와 PHP의 move_uploaded_file을 통한 다중 이미지 업로드 기능 개발

• FlutterImageCompress를 통한 이미지 용량 압축 기능 개발

[성과]

• 커뮤니티 기능 도입 후 MAU 15% 상승

• Freezed를 활용한 데이터 구조 개선을 통하여 API 호출 수 30% 감소

• 커뮤니티 리스트, 상세 데이터 조회 시 중복 쿼리 제거를 통한 최적화로 API 응답속도 180ms -> 88ms로 단축

• FlutterImageCompress를 활용하여 이미지 용량을 평균 50% 압축하여 업로드 속도 및 저장 공간 절약

[소개]

마케팅을 통한 앱 유입률 향상을 위한 딥링크 개발

[기술 스택]

Flutter, Dart, Riverpod, go_router

[역할]

• App Links, Universal Links를 통한 딥링크 설계 및 구현

• 특정 페이지로 이동하는 앱의 라우팅 구조와 딥링크 연동

• 앱 미설치자 딥링크 접근 시 스토어 리다이렉트 구현

• 비 로그인 상태에서 딥링크 접근 시 로그인 후 자동 리다이렉트 구현

[성과]

• 딥링크를 통한 앱 진입 비율 30% 상승

• 마케팅 페이지, 이벤트 알림톡을 통한 유입 경로의 약 40%를 딥링크로 처리

• 앱 내 특정 화면으로 바로 진입할 수 있어 편리성이 향상되었다는 사용자 피드백 다수 확인

[소개]

회원 등급 체계 설계 및 회원가입 기능 개발

[기술스택]

Flutter, Dart, Riverpod, MySQL, PHP

[역할]

• 사용자 데이터 분석을 통한 회원 등급 체계 설계

• 웹뷰를 통한 KCB 본인인증 구현

• 회원가입, 탈퇴 및 추천인 기능 개발

• 회원 등급별 혜택 페이지와 회원 등급 변경 기능 개발

• 추천인 코드 입력 여부에 따른 정회원 혜택 부여 프로세스 개발

[성과]

• 회원등급 도입 후 신규 회원 가입율 30% 상승, 정회원 전환율 20% 상승

• 신규 가입자 활성화율(가입 후 7일 이내 주요 기능 사용) 25% 상승

• 데이터 유효성 검증 및 UI/UX 개선을 통한 회원가입 실패율 10% 감소

[소개]

• Ionic6 기반에서 Flutter 기반으로 마이그레이션 및 UI/UX 개선

• PHP 기반 API 개발 및 코드 리팩토링

[기술 스택]

Flutter, Dart, Riverpod, MySQL, PHP

[역할]

• 앱 개발 파트 리딩

  • 기능 별 사용률 및 중요도 파악, 개발 난이도 책정을 통한 우선순위 및 작업 계획 수립

• 애자일 스프린트 방식 도입

• Riverpod을 통한 MVVM 패턴 적용과 의존성 주입 프로세스 적용

• Google Analytics를 통한 사용자 트래킹, Sentry를 통한 오류 수집 프로세스 개발

• 사용자 식별, 인증, 정보 조회 단계를 모듈화하여 로그인 프로세스 개선

• 자동 로그인 토큰 유효성 확인 절차 강화 및 리팩토링을 통한 확장성 확보

• 약 20개 이상의 재사용성을 고려한 UI 컴포넌트 설계 및 개발

[성과]

• 주문 조회, 포인트 충전 기능 등의 주요 기능 재설계 및 UI/UX 개편을 통한 사용자 경험 개선

• Clean Architecture, TDD, 상태관리를 통한 코드 품질 상승

• 사용 통계와 기능 중요도 논의를 통해 핵심 기능 30% 개선

• API 통신 중 오류처리 프로세스 개선을 통해 보일러플레이트 코드 80% 감소

[소개]

자사 서비스 레거시 코드 리팩토링 및 Ionic/Angular 마이그레이션

[기술 스택]

Ionic, Angular, Cordova, PHP, Typescript, RxJS

[역할]

• Ionic3->Ionic6, Angular 7->Angular14 마이그레이션

• 백엔드 PHP 코드 MVC 패턴으로 리팩토링 및 프로세스 모듈화

• 인프라팀과 협업하여 부하를 유발하는 쿼리 및 프로세스를 확인하고 최적화 진행

[성과]

• Ionic/Angular 최신 버전으로 마이그레이션 완료 후 신규 개발자 온보딩 시간 15% 단축

• 서버 리소스 사용률을 30% 절감하고, 서버 비용 최적화에 기여

[소개]

쿠팡에서 판매 중인 상품의 가격을 추적하여 차트로 제공하고 설정한 가격에 맞춰 알림을 제공하는 서비스

소개 페이지 링크 : https://blog.ddokso.com

IOS AppStore 링크 : https://apps.apple.com/kr/app/id6505107835

Google PlayStore 링크 : https://play.google.com/store/apps/details?id=com.ddokso.app

[기술스택]

Flutter, Dart, Bloc, go_router, Isar, Firebase

[역할]

• Android, IOS 스토어 배포

• Kakao, Google, Apple 소셜 로그인 및 탈퇴 기능 개발

• Firebase RemoteConfig를 활용한 버전관리 기능 개발

• go_router를 활용한 앱의 route 구조 설계

• 로컬 DB인 Isar를 통한 검색어 CRUD 기능 개발

• fl_chart를 활용한 상품 가격 차트 그래프 UI 개발

• bloc_concurrency, stream_transform을 활용한 무한 스크롤 기능 개발

• Debounce를 통한 검색 기능 개선

• 로그인, 홈, 상품 리스트, 카테고리, 검색 화면 등 앱의 전반적인 UI 개발

[주요 문제 해결 사례]

링크 검색 오류 대응

문제

• 링크 검색 API는 쿠팡에서 물품을 스크래핑하는데 최대 15초가 소요됨

• 하지만 앱에서는 단일 호출 후 StatusCode가 200이 아닐 경우 실패 처리 → 사용자 경험 저하 (검색 실패 발생)

• API 응답 속도 변동에 따라 정상적인 검색 결과도 실패로 처리되는 문제 발생

원인

• API 요청 방식이 동기적으로 처리되고 있어 지연 시간에 따른 예외 처리가 미흡

• API가 응답을 받을 때까지 재시도 처리 없이 바로 실패 처리

• 네트워크 상태, 쿠팡 사이트 응답 지연 등 다양한 변수로 인해 API 응답 속도가 일정하지 않음

해결방법

• API 호출 후 즉시 응답을 기다리지 않고, 로딩 상태 표시 후 결과 Polling(주기적 재확인) 방식 도입

• 최초 요청이 실패하면 3초 단위로 최대 15초까지 일정한 간격으로 API 재호출

• 일정 횟수 초과 시 사용자에게 실패 안내

결과

15초 내에 쿠팡에서 스크래핑 되는 물품의 링크 검색 기능 정상화