MOMO : 당신의 감정 기록을 도와줄 책 속의 문장
개발 기간: 2020.12.27 ~ 2021.01.16
 |
 |
 |
|---|---|---|
| 왕초 쵸 아요대장 정초이 🥭 | 사과보이 팬시보이 해찌 이해석 🍎 | 워슈정엽런 0개국어 이정엽 🌕 |
| 홈, 스크롤, 로그인, 회원가입 | 온보딩, 다이어리, 스플래쉬 | 리스트, 업로드, 모달 |
| "해피아요~" | "인생은 쓰지만 가끔은 달다..." | "다사다난했지만 행복했다!" |
-
#1스플래시
API 연결 완료
-
#1서비스 소개 -
#1체험해보기 버튼 -
#1감정 선택 버튼 -
#1문장 선택 버튼 -
#1일기 작성 예시 -
#1배경 애니메이션 -
#1오브제 배치 -
#1깊이 선택 스크롤바
API 연결 완료
-
#1연/월/일/요일 -
#1오늘 일기 업로드 안내 문구 (오늘일기X) -
#1감정 -
#1깊이 -
#1문장 -
#1오늘 작성한 일기 -
#1전체보기 버튼 -
#1업로드 버튼 -
#1작성하기 버튼 (오늘일기X) -
#1리스트 버튼 -
#1마이 버튼
API 연결 완료
-
#1연/월 변경 버튼 -
#1연/월 변경 모달창 -
#1깊이 -
#1일기 물방울 -
#1오브제 배치 -
#1경고 모달창 -
#3일기 물방울 이동 -
#1업로드 버튼 -
#1리스트 버튼 -
#1마이 버튼
API 연결 완료
-
#1연/월/일/요일 -
#1감정 -
#1깊이 -
#1문장 -
#1작성한 일기 -
#1오브제 배치 -
#1뒤로가기 버튼 -
#1편집 버튼 -
#1삭제 버튼 -
#1경고 모달창
API 연결 완료
-
#1연/월/일/요일 변경 버튼 -
#1날짜 변경 모달창 -
#1작성한 일기 수정 -
#1저장 버튼 -
#1뒤로가기 버튼 -
#1경고 문구 모달창 -
#1깊이 변경하기 버튼 -
#1깊이 선택 스크롤바 -
#1저장하기 버튼
API 연결 완료
-
#1감정 선택 버튼 -
#1배경 애니메이션 -
#1문장 선택 버튼 -
#1일기 작성하기 -
#1깊이 선택하기 버튼 -
#1깊이 선택 스크롤바 -
#1저장하기 버튼 -
#1뒤로가기 버튼 -
#1경고 문구 모달창 -
#1닫기 버튼
API 연결 완료
-
#1연/월 -
#1월간 일기 리스트 -
#1필터 버튼 -
#1필터 선택 모달창 -
#2통계 버튼 -
#2통계 리포트
API 연결 완료
-
#1로그인 -
#1이메일 로그인 -
#1회원가입 -
#1비밀번호 찾기
| MOMO | Core Feature |
|---|---|
|
MOMO의 Core Feature는
이
렇
게
이
~
렇
~
게
긴
홈
뷰
인데요!
section Frame Array를 만들어서 section 별 cell의 개수에 따라 gradient를 입혀줬어요.
var sectionFrameArray: [CGRect] = []
func paintGradientWithFrame() {
for sectionIndex in 0..<7 {
let frame = self.sectionFrameArray[sectionIndex]
let view = UIView(frame: frame)
let gradientView = UIView(frame: frame)
let imgView = UIImageView(frame: view.bounds)
self.currentColorSet = sectionIndex
self.gradientLayer = CAGradientLayer()
self.gradientLayer.frame = gradientView.frame
self.gradientLayer.colors = self.colorSets[self.currentColorSet]
let image = UIImage.gradientImageWithBounds(bounds: frame, colors: self.colorSets[sectionIndex])
imgView.image = image
view.isUserInteractionEnabled = false
view.addSubview(imgView)
self.homeTableView.addSubview(view)
self.homeTableView.sendSubviewToBack(view)
}
}
깊이 별 오브제들도 각 section freame에 맞게 붙여줬어요.
// 전달받은 img, frame의 x, y값에 맞게 오브제 배치
func attachObjet(frameX: CGFloat, frameY: CGFloat, img: UIImage) {
let imgView = UIImageView(frame: CGRect(x: frameX, y: frameY, width: img.size.width, height: img.size.height))
imgView.image = img
imgView.isUserInteractionEnabled = false
homeTableView.addSubview(imgView)
}
|
gradientImageWithBounds(bounds: CGRect, colors: [CGColor]) -> UIImage // CAGradientLayer -> UIImage
rotate(radians: CGFloat) -> UIImage // UIImage 회전textSpacing(lineSpacing: Int) -> NSMutableAttributedString // 자간, 행간 지정round(corners: UIRectCorner, cornerRadius: Double) // 특정 꼭짓점 rounding
initFromNib<T: UIView>() -> T? // UIView를 nib으로 생성
asImage() -> UIImage // UIView -> UIImagestartBlink() // 깜빡이는 애니메이션 시작
stopBlink() // 깜빡이는 애니메이션 종료addTapGesture() // slider에 touch gesture 추가
handleTap(sender: UITapGestureRecognizer) // tap gesture 인식modifyClearButtonWithImage(image: UIImage) // clear button 만들기