Software Developer Portfolio
Software Developer (Mobile & Web)
희망 연봉 협의
Introduction
Flutter(Dart) 및 React Native(Expo)로 앱을 기획부터 배포(TestFlight)까지 혼자 완성해본 모바일 개발자이며, NestJS 백엔드와 Next.js 기반 웹 서비스도 직접 구축·운영한 경험이 있습니다.
러닝 앱(Rundventure)과 AI 장소 추천 서비스(Vibly)를 기획·개발·배포·운영까지 단독 완성한 실무 역량을 보유하고 있습니다.
Firebase, AWS S3, PostgreSQL(Neon), Cloudflare R2 등 다양한 백엔드 서비스와 인프라를 앱/웹에 통합한 경험이 있습니다.
AI 도구로 빠르게 구현하되, 최종 결과물에 대한 디버깅과 검증은 직접 책임지는 전문성을 지향합니다.
Skills
Skills Visualization
💡 Vibe Coding Approach: AI 도구(Cursor, Claude Code, GitHub Copilot)를 활용하여 초기 코드 생성과 반복 작업을 최소화하고, 아키텍처 설계, 비즈니스 로직 구현, API 연동, 문제 해결에 집중하는 효율적인 개발 방식을 지향합니다.
모바일(Flutter/iOS, React Native/Expo)을 주력으로 하면서도 NestJS 백엔드, Next.js 웹, PostgreSQL/Neon, Cloudflare R2 등 풀스택에 가까운 경험을 보유하고 있습니다.
Project Case Study
GPS 러닝 트래킹에 소셜 요소와 게임화(Gamification)를 결합한 모바일 서비스입니다. Flutter를 기반으로 기획부터 설계, iOS 네이티브 확장 기능 구현 및 배포까지 전 과정을 단독으로 수행했습니다.
인증, Firestore 데이터 설계, FCM 알림, Cloud Functions 서버 로직 등 백엔드 전반 연동
SwiftUI 기반 Live Activity/Dynamic Island 구현 및 Flutter-네이티브 데이터 브릿지 설계
CocoaPods 및 플러그인 충돌 이슈 해결, 권한 설정 최적화 등 iOS 빌드 안정화 수행
Troubleshooting
러닝 중 실시간 상태 확인을 위해 매번 앱에 재진입해야 하는 번거로움이 사용자 경험을 저해함.
SwiftUI 기반 Live Activity 및 Dynamic Island를 구현하고, Flutter 상태를 네이티브로 실시간 전달하는 데이터 브릿지 설계.
앱 재진입 횟수 대폭 감소 및 사용자 편의성 증대
GPS 특성상 정지 상태에서도 위치 값이 튀어 거리 및 페이스 계산의 정확도가 떨어지는 현상 발생.
유효 이동 기준 정의 및 데이터 필터링 로직 재구성. iOS 백그라운드 세션 상태 관리 흐름 최적화로 기록 안정성 확보.
기록 신뢰도 향상 및 세션 중단 이슈 해결
사용자가 AI에게 자신의 감성·기분을 말하면, 분위기와 상황에 맞는 장소를 추천해주는 모바일/웹 통합 서비스입니다. React Native(Expo) 모바일 앱, NestJS 백엔드, Next.js 관리자 웹으로 구성된 풀스택 서비스를 기획·설계·개발·배포까지 전 과정을 단독으로 수행했습니다.
사용자의 감성·기분 입력을 분석해 어울리는 분위기의 장소를 실시간 추천. Kakao/Google Places API 연동으로 위치 기반 검색 및 체크인 구현
카메라로 영수증 촬영 시 가게명·날짜·금액 자동 인식 및 방문 유효성 판단. 독립 OCR 모듈(src/ocr/)로 분리해 유지보수성 확보
React Native(Expo) + NestJS + Next.js 역할 분리 구조. Prisma ORM + PostgreSQL(Neon) 데이터 일관성 확보, Render/Vercel/TestFlight 각각 배포 자동화
Deep Dive
실기기 테스트에서 장소 근처에 있음에도 체크인이 거부되거나, 반대로 멀리서 통과되는 오검증 발생. 기기별 GPS 정밀도 편차 및 위치 권한 상태 분기 처리 미흡이 원인.
위치 권한 상태를 명시적으로 확인해 미허가 시 설정 화면으로 안내. accuracy: high 고정으로 저정밀 측위값 차단. 서버 측 체크인 반경 계산을 Haversine 공식 기반으로 직접 구현, 클라이언트·서버 이중 검증 구조 확립.
GPS 체크인 오검증 케이스 제거 및 체크인 신뢰도 전반 향상
조명·구김 등 환경에 따라 인식률이 불안정하고, 이미지 원본 전송 시 용량 초과로 API 요청 실패 발생.
클라이언트에서 업로드 전 이미지 리사이즈·압축 처리로 API 요청 실패 방지. 백엔드에서 TEXT_DETECTION 응답을 파싱해 가게명·날짜·금액 키워드 패턴 매칭으로 방문 유효성 판단. 관련 로직을 독립 OCR 모듈(src/ocr/)로 분리.
영수증 인식 기반 방문 인증 안정화로 체크인 신뢰도 전반 향상
다양한 자산(현금, 부동산, 주식·코인 등)을 통합 관리하고, 세금 계산·실시간 시세·알림·커뮤니티 등 실무 중심 기능을 제공하는 Next.js 기반 웹 서비스입니다.
실시간 차트 및 순자산 추이 시각화
Yahoo Finance, Upbit API 연동
수익률 분석 및 현금흐름 캘린더
소득세, 양도세, 취득세 등 실무 계산기
이중 인증 및 안전한 데이터 관리
게시판, 1:1 문의, 관리자 패널
비즈니스 로직을 데이터 접근 계층과 분리하여 코드의 가독성 및 유지보수성을 대폭 강화했습니다.
Next.js Server Actions를 활용하여 API 관리 복잡도를 낮추고, 클라이언트-서버 간 타입 안전성을 확보했습니다.
Vercel Cron Jobs를 도입하여 실시간 시세 동기화 및 사용자 알림 발송 프로세스를 자동화했습니다.
Google OAuth와 이메일 인증을 결합하여 사용자 편의성과 보안성을 동시에 확보한 인증 시스템을 구축했습니다.
Culture Fit
Cursor, Claude Code 등을 활용해 초기 구조와 반복 코드를 빠르게 구성하여 개발 속도를 극대화합니다.
실기기 테스트와 로그 분석을 통해 오류 원인을 파악하고, AI가 해결하지 못하는 복합적인 이슈를 직접 디버깅합니다.
Figma AI를 활용해 앱 UI/UX를 직접 설계하고, 컴포넌트·레이아웃·색상 시스템을 정의한 뒤 React Native(Expo)에 그대로 구현합니다. 디자이너 없이도 일관된 디자인 시스템을 유지하며 기획부터 배포까지 단독으로 완성합니다.
Figma 프로토타입을 기반으로 컴포넌트를 설계하고, React Native StyleSheet·Tailwind CSS를 활용해 디자인 의도를 코드로 정확하게 재현합니다. 반응형 레이아웃과 플랫폼별(iOS/Android) UI 차이도 직접 처리합니다.
개인 프로젝트에서도 커밋 컨벤션을 준수하며 체계적인 버전 이력 관리를 수행해왔습니다.
티켓 기반 이슈 관리 방식과 애자일 프로세스에 빠르게 적응하여 팀의 생산성에 기여할 준비가 되어 있습니다.
Conclusion
"기획부터 배포까지의 경험을 바탕으로,
팀의 성장에 실질적인 기여를 하는 개발자가 되겠습니다."