🎨 CatchSketch

재치있는 넌센스 그림문제를 내고 맞출 수 있는 커뮤니티형 게임앱

개발환경


기간: 2024.08.13 ~ 2024.09.02 (약 3주)
인원: iOS 1명, backEnd 1명

📷 ScreenShot

로그인 및 회원가입	메인피드	문제상세	문제내기	그림그리기

📌 주요기능

• 로그인 및 회원가입: 앱을 사용하기 위해 새 계정을 만들고, 로그인 할 수 있습니다.
• 그림문제 조회: 나와 다른사람들이 낸 문제를 조회할 수 있습니다.
• 그림문제 맞추기: 게시글에 댓글로 정답을 제시할 수 있습니다. 코인을 소모해 힌트를 볼 수 있습니다. 문제 작성자는 정답을 공개하거나 문제를 지울 수 있습니다.
• 그림문제 올리기: 그림을 직접 그리고 문제를 게시할 수 있습니다.
• 레벨 & 재화 시스템: 문제를 맞출 수록 경험치에 따른 레벨이 증가하고, 힌트를 보기 위해 '코인'을 소모할 수 있습니다
• 프로필 조회하기 (예정): 다른 사람들의 프로필을 조회하고 나의 프로필을 수정할 수 있습니다. 프로필에는 맞춘 문제와 사용자가 낸 문제를 한눈에 조회할 수 있습니다.
• 순위 조회 (예정): 문제를 많이 맞춘 사람들의 랭킹을 확인할 수 있습니다.

🧰 기술스택

분야	기술 스택
🏛️ 아키텍쳐	MVVM + Input & Output 패턴
♻️ 반응형 프로그래밍	RxSwift
📡 네트워킹	Alamofire + Router 패턴
📦 데이터베이스	RealmSwift + Repository 패턴
✏️ 드로잉	PencilKit
🎨 UI	UIKit SnapKit Kingfisher
🎸 기타	Then IQKeyboardManager Toast

🛠️ 주요 기술 상세

• RxSwift +MVVM + Inout 패턴
  • Observable과 Subject를 활용한 반응형 프로그래밍으로 UI업데이트를 자동화 및 데이터 상태 관리 구현
  • View와 ViewModel 간의 결합도를 낮추고 코드의 가독성과 유지보수성을 향상
• Networking
  • URLRequestConvertible 프로토콜 기반의 Router 패턴 추상화로 재사용성 향상
  • 제네릭을 활용하여 네트워크 추상화 및 재사용성 향상
  • RxSwift의 Single trait과 Result 타입을 조합하여 네트워크 응답 처리
  • HTTP multipart 타입을 통하여 png 그림파일 업로드
• PencilKit을 활용한 그림 문제 만들기
  • PKCanvas를 통한 그림 그리기 기능 구현
  • PKCanvasViewDelegate와 RxSwift를 활용한 그림 데이터 업데이트
  • PKDrawing.image 로 그림을 특정한 사이즈의 이미지로 생성
• 사용자 인증
  • JWT 기반의 회원인증 구현
  • 재귀 함수를 통한 토큰 갱신 성공 시 기존 네트워크 재호출
  • UserDefaults를 통한 access ˙ refresh 토큰 관리
  • refresh토큰을 활용하여 탈취 위험을 최소화하고, 자동 로그인 구현