Skip to content

Latest commit

 

History

History
264 lines (219 loc) · 8.93 KB

README.md

File metadata and controls

264 lines (219 loc) · 8.93 KB

로고

mascota_blue Mascota Work Flow 1

WorkFlow

Mascota Work Flow 2 Mascota Work Flow 3 Mascota Work Flow 4 Mascota Work Flow 5 Mascota Work Flow 6

Contributer

KakaoTalk_Photo_2021-07-06-16-04-23 KakaoTalk_Image_2021-07-06-15-44-33 KakaoTalk_Photo_2021-07-06-15-47-14
이정엽 도연서 김윤서
로그인, 회원가입 캘린더, 무지개
illust_home (1) illust_login,signup_small illust_rainbow_cat

Team Convention


Coding Convention


Feature

정엽

illust_home (1)

TabBar

  • 뷰컨트롤러 연결
  • 선택에 유무에 따른 이미지

Home

  • 책 제목
  • 프로필 사진
  • 이전 작성한 일기
  • 일기 작성 버튼
  • 목차
  • 목차 편집 버튼
  • 목차 상세 버튼
  • 목차 일기 개수
  • 서버 통신

Chapter Timeline

  • 목차 드롭다운
  • 목차 선택에 따른 뷰와 목차 최신화
  • 월 별 일기
  • URL로 이미지 받아오기
  • 일기 터치
  • 일기 스와이프
  • 일기 삭제
  • 서버 통신

Chapter Edit

  • 목차
  • 목차 추가 버튼
  • 목차 삭제 버튼
  • 목차 수정 버튼
  • 목차 추가 모달
  • 목차 삭제 모달
  • 목차 수정 모달
  • 서버 통신

Diary Write

  • 주인공 이미지
  • 주인공 선택
  • 기분 이미지
  • 기분 선택
  • 주인공 해제 ALERT
  • 다음 버튼
  • 사진 업로드
  • 사진 자르기
  • 목차 드롭다운
  • 제목 작성
  • 글자 수 초과 시 숫자 폰트색 빨간색 처리
  • 이야기 작성
  • 작성 완료 버튼
  • 서버 통신

연서

illust_login,signup_small

Login

  • ID 작성
  • 비밀번호 작성
  • 작성 시 주황색 밑줄 처리
  • 입력 여부에 따른 버튼 비/활성화
  • 로그인 버튼
  • 회원가입 버튼
  • 로그인 실패 ALERT
  • 아이디 찾기 버튼
  • 비밀번호 재설정
  • 서버 통신

SignUp

  • ID 작성
  • ID 중복확인
  • ID 오류 메시지
  • 비밀번호 작성
  • 비밀번호 확인 작성
  • 비밀번호 형식 확인
  • 비밀번호 오류 메시지
  • 회원가입 버튼
  • 회원가입 완료 뷰
  • 회원가입 환영시 메시지에서 이메일 색 변경
  • 서버 통신

Register Profile

  • 주인공 추가
  • 사진 첨부 Action Sheet
  • 주인공 사진 첨부
  • 주인공 이름 작성
  • 주인공 동물 선택
  • 날짜 선택
  • 날짜 모달
  • 성별 선택
  • 동적 텍스트뷰
  • 텍스트필드 작성 여부에 따른 버튼 비/활성화
  • 서버 통신

윤서

illust_rainbow_cat

Calendar

  • 일기 작성 버튼
  • 달력 제목
  • 다음 달로 가기
  • 이전 달로 가기
  • 다음 년도로 가기
  • 이전 년도로 가기
  • 이모지 부착
  • 일기 개수 스티거 부착
  • 상세 일기 이동
  • 서버 통신

Rainbow

  • 이전 작성한 일기
  • 도움글
  • 사파리 딥링크
  • 도움글 설명 ALERT
  • '반려동물과 이별했나요' 버튼
  • 동물 선택 ALERT
  • 이미지 선택 여부에 따른 배경색 변경
  • 서버 통신

Rainbow Bridge

  • 텍스트 애니메이션
  • 'X' 버튼 터치 시 초기화 ALERT
  • 네비게이션 컨트롤러 삽입
  • 다음 버튼
  • 서버 통신

Rainbow Bridge Book Cover

  • URL로 이미지 받아오기
  • 텍스트에서 일자 폰트 굵기와 크기 조절
  • 텍스트에서 에피소드 폰트 굵기와 크기 조절
  • 뒤로 가기 버튼
  • 'X' 버튼 터치 시 초기화 ALERT
  • 서버 통신

Rainbow The Best Moment

  • 뒤로 가기 버튼
  • 'X' 버튼 터치 시 초기화 ALERT
  • 책 모양 커스텀 뷰 구현
  • 커스텀 헤더 뷰 구현
  • 조건에 따른 이모지 호출
  • DateFormatter로 변환
  • 다음 버튼
  • 상세 일기 이동
  • 서버 통신

Diary Detail

  • URL로 이미지 받아오기
  • 조건에 따른 이모지 호출
  • 이모지 드롭다운 구현
  • 이미지 스크롤에 따른 Page Control 조정
  • 동적 텍스트 뷰 구현
  • 다음 화로 이동 버튼
  • 이전 화로 이동 버튼
  • 서버 통신

Animation

DropDown Animation

UIView.animate(withDuration: 0.5) {
  self.indexStackView.arrangedSubviews[index].backgroundColor = .macoWhite
  self.toggleButton.transform = self.isToggled ? CGAffineTransform(rotationAngle: .pi * 2): CGAffineTransform(rotationAngle: .pi)
  self.indexStackView.alpha = self.isToggled ? 0.0 : 1
}

Text Animation

UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseOut) {
  self.contentLabel.alpha = 1.0
}

View Rise when Keyboard Appear Animation

UIView.animate(withDuration: 0.3, delay: 0.3, options: .curveEaseOut) {
	self.view.frame.origin.y = -position + self.topBarHeight
}

AIL (Appjam I learned)

정엽

이번 28기 앱잼에 참여하면서 UIImagePicker를 사용해 사용자의 카메라와 라이브러리에 접근해 이미지를 갖고 올 수 있다는 것을 알았습니다. 그리고 앱을 구현하면서 이미지와 데이터를 한번에 서버 통신하는 경우가 있는데 이를 경험해볼 수 있었습니다.

연서

이번 28기 앱잼에 참여하면서 깃에 대한 전반적인 흐름을 알게 되었습니다. 이번에는 upstream 브랜치를 사용했는데, 저의 개인 레포지토리와 iOS 파트원들과 공유하는 업스트림과 연동 되어서, 더욱 편리하게 협업을 할 수 있었습니다. 또한, 뷰를 짤 때 조금 더 효율적인 방법을 알게 된 것 같습니다. 예를 들어, 셀을 눌렀을 때, 해당 셀에 대한 정보들 또한 다른 컬렉션 뷰를 사용해서 뷰를 짜면 reloadData()를 사용해서 더욱 효율적이고 간단하게 구현할 수 있다는 것을 알게 되었습니다.

윤서

깃플로우를 적용한 협업을 통해 깃 브랜치 관리를 효율적으로 할 수 있었습니다. Coding Convention을 정하여 가독성있는 코드 작성을 하였고 Pull Request 요청과 코드 리뷰를 통해 부족한 점을 깨닫고 많은 것을 배울 수 있었습니다. Snapkit을 이용하여 Autolayout을 잡으며 뷰의 재사용성에 대해 고민할 수 있는 좋은 기회였습니다. 💙

MASCOTA_로고