플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - Capacitor WebView 기반 앱에서 iOS WKWebView의 쿠키 정책과 CORS 설정이 브라우저와 달라 HTTPS 강제 + 도메인 예외 처리 전략 수립 필요 - FCM 토픽 구독 수가 늘어날 때 대량 푸시 발송 시 API 속도 제한(FCM quota)에 맞는 배치 처리 및 재시도 정책 설계 필요 - 오프라인 중 누적된 북마크 변경과 서버 데이터 간 충돌을
프로젝트 성과
Capacitor 네이티브 브릿지 추상화 레이어 설계
플랫폼 감지 Custom Hook으로 브라우저·iOS·Android 환경을 통합 처리, 동일 코드로 3개 플랫폼에서 동작하는 네이티브 기능 래퍼 구현
오프라인 북마크 동기화 큐 설계
Capacitor FileSystem으로 오프라인 변경 사항을 로컬 큐에 누적, 온라인 복구 시 충돌 없는 서버 병합 전략을 Pinia 미들웨어로 구현
FCM 토픽 기반 대량 푸시 발송 설계
Bull Queue로 FCM API 속도 제한 준수하는 배치 처리 구현, 카테고리·기관 토픽 구독 관리 API 설계 및 발송 로그 테이블 구축
S3 Presigned URL 이미지 업로드 파이프라인 구현
멀티파트 업로드 API 설계, Sharp 기반 썸네일 자동 생성, Presigned URL 만료 정책 + CloudFront 캐시 버스팅 전략 구현
공급기업 Row-level Security 패턴 구축
Prisma 미들웨어에서 tenant ID 기반 데이터 접근 검증 구현, Access·Refresh Token 이중 인증으로 공급기업 세션 보안 설계
핵심 기능
하이브리드 앱 패키징
Capacitor 기반 WebView 래퍼로 Android/iOS 하이브리드 앱을 빌드하고, 앱스토어 심사에 필요한 딥링크·권한 설정·스플래시 화면을 구성합니다
진행 단계
하이브리드 앱 아키텍처 설계
2026.04
Capacitor 프로젝트 초기화, iOS/Android 빌드 환경 구성, FCM 연동 설계, PostgreSQL 스키마 16개 테이블 정의
프로젝트 상세
1) 포트폴리오 소개 반응형 웹 MVP를 Capacitor 기반 Android/iOS 하이브리드 앱으로 패키징하고, 북마크·즐겨찾기, 앱 푸시 알림, 오프라인 열람 캐싱까지 확장한 포탈 플랫폼을 Vue 3 + Node.js/Express + PostgreSQL 기반으로 설계·구현합니다. App Store 심사 통과를 위한 네이티브 브릿지 구성과 앱 빌드 파이프라인을 포함합니다. 2) 작업 범위 - 하
