Feelter

필터 제작부터 공유, 탐색, 결제, 채팅까지 하나의 흐름으로 연결한 앱입니다.

구분	내용
팀 인원	iOS 개발 1명, 백엔드 1명, 디자이너 1명
기획 및 개발 기간	2025.12.26 - 2026.01.25
최소 지원 버전	iOS 16.0+

핵심 기능

• 이메일/비밀번호 + 소셜(카카오/Apple) 인증
• 필터 생성/편집 및 필터 상세 조회
• 이미지 기반 필터 적용 후 게시글 업로드
• 홈/랭킹/영상 피드 탐색
• WKWebView 출석 페이지와 앱을 WebBridge로 연결
• CoreData + Socket.IO + RestAPI 기반 채팅
• 동영상 스트리밍(재생/자막/좋아요)
• PG 결제 및 서버 검증
• Firebase Messaging 기반 푸시 알림/딥링크 이동

기술 스택

분류	기술 스택
Language
UI Framework
Architecture
Database
Networking
Image/Media
Layout
Authentication
Payment
Apple Frameworks
Push/Infra
보안

전체 구조

Clean Architecture

• 비즈니스 로직은 Usecase에서 처리
• 화면 상태/이벤트 바인딩은 ViewModel(Input/Output)으로 처리
• 화면 전환은 Coordinator에서 처리
• 네트워크/로컬 저장 구현은 Data 레이어에서 캡슐화

주요 데이터 흐름

• 채팅: Socket.IO 실시간 반영 -> CoreData(로컬 우선 로딩) -> REST API 동기화
• 인증: AuthenticationInterceptor로 토큰 자동 첨부/만료 시 갱신(401/419 대응)
• 스트리밍: VideoList 조회 -> Stream URL 조회 -> AVPlayer 재생/자막 선택
• 결제: 주문 생성 -> PG 결제 -> 서버 검증 -> 상태 반영

주요 기능

인증

• 이메일/비밀번호 로그인 및 입력 유효성 검증
• Kakao 로그인, Sign in with Apple 지원
• Access/Refresh Token을 Keychain에 안전하게 저장
• 토큰 만료(401/419) 시 자동 갱신 후 요청 재시도, 실패 시 인증 상태 정리

홈 피드

• 배너/오늘의 필터/작가 피드 구성
• 좋아요 등 상호작용 반영
• 현재 위치 기반 지도 탐색 및 위치 정보 기반 콘텐츠 탐색
• 썸네일 이미지 로딩 최적화

랭킹

• 카테고리 기반 필터 랭킹 리스트 제공
• 홈 피드와 연계된 탐색 흐름으로 빠른 콘텐츠 탐색 지원

필터

• 필터 생성(제목/카테고리/설명/가격/메타데이터 입력) 지원
• 필터 프리셋 구성 및 편집 플로우 제공
• 사진 선택 후 필터 적용 결과 미리보기
• 생성된 필터 저장/수정 흐름 지원

필터 상세/결제

• 필터 상세 정보/프리셋 확인
• 주문 생성 후 PG 결제 연동
• 결제 완료 후 서버 검증 및 결과 반영

게시글/필터업로드

• 게시글 작성 시 이미지/동영상 첨부 및 업로드 지원
• Multipart 기반 미디어 업로드 플로우 적용
• 필터 적용 결과를 게시글 콘텐츠로 연계
• 위치 정보와 함께 게시글 탐색/등록 흐름 지원

채팅

• 오프라인 상태에서도 이전 채팅 내역 조회
• 실시간 수신(Socket.IO) + 로컬 저장(CoreData) 동시 처리
• Optimistic Update 기반 전송 상태(.sending/.sent/.failed) 반영
• 전송 실패 메시지 재시도/삭제 UX 제공

스트리밍

• 영상 목록 조회 및 커서 기반 페이징 로드
• Stream URL 조회 후 AVPlayer 기반 재생
• 재생 상태(일시정지/탐색/stalling) 및 화면 전환 처리
• 자막 선택 및 좋아요 상호작용 지원