• 📲 Mobile: 010-5542-6071

• 📧 E-mail: rnrb555@gmail.com

• 📘 Github: https://github.com/nain93

React 기반 웹 개발로 개발을 시작했으며 앱 개발의 동적인 ui와 인터렉티브한 부분에 이끌려 React Native 을 시작하게 되었고 또 다른 언어, 프레임워크를 경험을 해보고 싶어서 Flutter 개발을 시작하게 되었습니다. 또한 크로스플랫폼만 경험 해서는 앱 개발자라고 하기에는 부족하다고 느꼈기 때문에 Kotlin을 공부하며 네이티브 지식 또한 늘려갈 예정입니다.

3년 이상의 프론트엔드 개발 경력을 바탕으로, Flutter/React Native 기반 크로스플랫폼 앱 5종 이상을 단독 또는 리드 개발한 경험이 있습니다. 사용자 경험 개선과 성능 최적화에 강점을 보유하고 있으며, 빠른 학습력과 주도적인 문제 해결력을 바탕으로 팀에 즉시 기여할 수 있습니다.

자유로운 출근 환경에서 더욱 효율적으로 작업 할 수 있으며, 린하고 빠른 개발을 추구합니다.

📄 Stacks

[ 프로그래밍 언어 ] Dart, Typescript

[ 프레임워크 & 라이브러리 ] Flutter, React Native, React, React Query, Recoil, NextJS, Apollo

[ 기타 ] Git, Postman, Slack, Notion

🛠️ Projects

2024.12 ~ 2025.04 회사 프로젝트

아울 알림장

스토어 링크 : Android, iOS

애견 유치원에서 더욱 쉽게 사진을 분류하고 알림장을 작성하기 위한 서비스 (열어서 상세 내용 확인)

[프론트엔드] flutter, riverpod, go_router, flutter_hooks, freezed, firebase

📌 문제 정의 (Why)

• 애견 유치원 선생님들이 수십 마리의 반려동물 사진을 일일이 분류하여 알림장을 작성하는 데 평균 2-3시간이 소요되어 업무 효율성이 크게 저하되는 문제가 있다.

💡 문제 해결 전략 및 과정 (How)

목표 설정

• 사진 분류 및 알림장 작성 시간 2-3시간 → 30분 이내로 단축 (85% 효율성 향상)
• 사진 누락률 5% → 0.5% 이하로 개선

핵심 전략 및 접근 방식

• 실시간 스트리밍 아키텍처: Stream을 활용한 실시간 사진 분류 UI 구현
• 성능 최적화: Isolate를 활용한 멀티스레딩으로 대용량 이미지 처리 성능 개선
• 사용자 경험 최적화: 직관적인 드래그 앤 드롭 기반 분류 시스템 구축

역할 및 기여도

• Flutter 앱 프론트엔드 개발 100% 담당 (기획부터 배포까지 전 과정)
• 실시간 데이터 처리 아키텍처 설계 및 구현 (70% 기여)
• 성능 최적화 전략 수립 및 적용 (100% 담당

기술 스택 및 사용 툴

• Frontend: Flutter, Riverpod, go_router, flutter_hooks, freezed
• Backend Integration: Firebase (실시간 데이터베이스, 스토리지)
• Performance: Isolate, Stream, 이미지 압축 최적화
• Tools: Git, Postman, Slack, Notion

의사결정 과정 및 어려움

• 도전 과제: 수십 장의 고해상도 이미지 동시 업로드 시 앱 성능 저하 및 메모리 부족 현상
• 해결 과정: Isolate를 도입하여 메인 스레드와 분리된 이미지 처리 구현 → UI 블로킹 없이 백그라운드 처리
• 성과: 이미지 업로드 처리 시간 60% 단축, 메모리 사용량 40% 감소

📈 성과 및 결과 (Result)

• 사진 분류 및 알림장 작성 시간 2-3시간 → 25분으로 단축 (87% 효율성 향상, 목표 초과 달성)
• 사진 누락률 개선
• 이미지 업로드 처리 속도 향상, 메모리 사용량 40% 감소

2023.10 ~ 2024.11 회사 프로젝트

아울

스토어 링크 : Android, iOS 비슷한 고민을 가진 반려인들과 소통하며, 반려동물 양육의 모든 것을 해결할 수 있는 반려 전문 커뮤니티 [프론트엔드] flutter, riverpod, go_router, flutter_hooks, freezed, firebase

📌 문제 정의 (Why)

• 기존 반려동물 정보 플랫폼들이 단순 정보 제공에 그쳐 반려인들의 실질적인 소통 욕구를 충족시키지 못함
• 레거시 코드베이스(GetX 기반)로 인한 유지보수 어려움과 성능 저하로 서비스 사용에 큰 불편함

💡 문제 해결 전략 및 과정 (How)

목표 설정

• 앱 성능 개선: flutter analyze 이슈 100% 해결, 메모리 사용량 감소
• 코드 품질 향상: 테스트 커버리지 80% 달성

핵심 전략 및 접근 방식

• 아키텍처 혁신: GetX → Riverpod 마이그레이션 및 클린 아키텍처, MVVM 패턴 적용
• 성능 최적화: 데이터 캐싱, 이미지 최적화, Flutter compute 함수 활용
• 사용자 경험 개선: 쇼츠식 페이지 뷰, 실시간 카메라 기능, 이미지 편집 기능 구현

역할 및 기여도

• 전체 아키텍처 리팩토링 설계 및 구현 (100% 기여)
• 핵심 기능 개발 (카메라, 이미지 편집, 쇼츠 뷰) 100% 담당
• 성능 최적화 전략 수립 및 적용 (100% 기여)

기술 스택 및 사용 툴

• Frontend: Flutter, Riverpod, go_router, flutter_hooks, freezed
• Architecture: Clean Architecture, MVVM Pattern
• Performance: Flutter compute, 데이터 캐싱, 이미지 최적화
• Monorepo: Melos를 활용한 멀티 패키지 관리
• Backend: Firebase (Authentication, Firestore, Storage)

의사결정 과정 및 어려움

• 도전 과제: 대규모 레거시 코드베이스를 서비스 중단 없이 점진적으로 리팩토링
• 해결 과정: 기능별 모듈화 → 단계적 Riverpod 마이그레이션 → 클린 아키텍처 적용
• 성과: 3개월에 걸친 점진적 리팩토링으로 서비스 중단 없이 안정적 전환 완료

📈 성과 및 결과 (Result)

• 앱 성능 개선: flutter analyze 이슈 100% 해결, 메모리 사용량 감소
• 코드 복잡도 감소, 개발 생산성 2배 향상

2023.11 ~ 2024.02 사이드 프로젝트

새해빙고

새해에 맞춰서 빙고로 목표를 만들어 달성하는 서비스

[프론트엔드] nextJs, recoil