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 만들기