bigtoy2645 / mylittleuniverse-ios Goto Github PK

• 한글 12자 제한

• 텍스트 컬러로 카드 속 라벨, 케밥 버튼 색상을 통일한다.
• 텍스트 미지정 시 배경색 밝기에 따라 검은색/흰색으로 지정한다.

• 스티커 기본 크기의 25% 까지 허용

원인
PaintView가 영역 밖에서도 View가 짤리지 않게끔
ClipsToBound가 false(default)로 설정되어있음.

해결방안
PaintView ClipsToBound true로 설정

• 디바이스에 저장하기
• 감정 이미지 불러오기

HomeView

• 홈 화면에 감정 연동

DetailView

• 세부 화면에 감정 연동

PaintView

• 스티커 있을 경우 저장 버튼 활성화
• 저장완료 시 다음 감정으로 넘어가기
• 저장한 감정 있을 경우 완료 버튼 활성화

감정 정의를 알기 쉽게 텍스트 컨트롤을 맨 앞에 위치시킨다.

카드 클릭 시 상세 화면을 표시한다.

• 저장/삭제 버튼 추가

• 이달의 발견 감정 개수 1 ~ 2 : 고정
• 이달의 발견 감정 개수 3개 이상 : Animation 적용
• 이달의 발견 감정 개수 3개 이상 : Point (0, 0) 일 경우 숨기기

원인
디자인 과정에서 이미지 크기가 달라 문제 발생

해결방안
라인 두께 동일한 이미지로 교체

문제 원인
배경 색이 흰색일 경우 스티커 선택 시 표시되는 라인이 구분되지 않는 문제가 발생함.

개선 방법
0.2px Gray/100 윤곽선을 추가한다.

날짜 선택 시 등록된 카드가 없습니다 라벨 출력

• 삭제하기
• 복제하기
• 확대/축소/회전하기
• 색상 변경하기

카드에 그림자 추가

원인
세부 등록 화면으로 넘어가기 전까지 여러 번 클릭 시 세부 등록 화면이 여러개 생성됨.
0.5초 후 세부 등록 화면으로 넘어가므로 그 사이 여러 번 클릭 가능함.

해결 방안
감정 선택 시 세부 등록 화면으로 넘어가기 전까지 UserInteraction 비활성화

원인
다크모드의 라벨이 흰색이므로 배경이 흰색일 경우 시간, 와이파이 등 표시되지 않음.

해결방안
화면에 맞게 모드 변경

• 기본 화면은 다크모드 지원
• 배경이 연한 화면은 라이트모드 지원

원인
이전 달에 등록된 감정이 있고 새로운 달에 등록된 감정이 없을 경우 앱이 비정상 종료됨.
감정이 1개라도 등록되었으면 이달의 발견 화면을 표시하는데 이달에 등록된 감정이 없어 오류 발생함.

해결방안
이달에 등록된 감정이 있을 경우에만 이달의 발견 화면 표시하도록 수정

디자인 변경에 따라 확정된 UI로 변경한다.

• 등록 화면
• 세부 등록 화면

• PageView로 구현
• 선택한 감정 리스트 가로 스크롤로 표시
• 배경 버튼 클릭 시 ColorPicker 표시

• 스티커 추가하지 않았을 경우 Text Control 클릭 시 Alert 표시
• 스티커 추가 -> 텍스트 입력 -> 스티커 삭제 시 텍스트 Hidden

등록된 감정이 없을 경우 홈화면이 아닌 초기 화면을 띄운다.

원인
배경색과 구분이 어려움

개선방안
그림자 추가

문제 원인
스티커 편집(색상/모양 변경) 상태와 무관하게 다른 작업이 가능하여
편집 버튼 상태가 종료로 변경되지 않음.

해결 방안
스티커 편집 중 다른 작업 불가능하도록 수정

• 앱 아이콘 추가
• 스플래시 화면 추가

• 아이디/패스워드 유효성 검사
• 구글 로그인
• 애플 로그인
• 카카오 로그인

• 도형 스티커 클릭 시 PaintView에 배치
• 이미지 스티커 클릭 시 PaintView에 배치
• 텍스트 입력 시 실시간으로 PaintView에 배치

• 이달 감정 키워드 카드 리스트 Scroll
• 뒤로가기, 스와이프
• 최신순/등록일순 정렬

• TableView 감정 연동

• 더보기 버튼 클릭 시 메뉴 표시
• 저장 : 사진첩 저장
• 삭제 : 영구 삭제

• 스크롤 시 하단 탭 바 표시 (홈, 등록, 마이페이지)
• 월간 등록 현황 Top4
• 달력 날짜 가로 스크롤
• 일자별 등록 card 조회

타이틀, 버튼 이름 등 라벨의 다국어 처리 준비

• Edge - 삭제
• Edge - 글자 색상 변경
• 글자 수 제한
• Placeholder
• 텍스트 위치 자동 정렬

회전 버튼 클릭 시 시계 방향으로 90도 씩 회전

원인
Default Background Color가 black으로 설정되어 있음.

해결방안
CollectionView Background Color를 clear로 설정

• 월간 달력
• 날짜 선택 시 카드 출력
• 기록 보관하기
• 전체 감정 개수 출력
• 하단 탭바

• 글자수 200자 제한으로 변경
• 드래그 제스쳐 추가
• 회전, 크기 조절 제스쳐 추가
• 카드에서 텍스트 영역 제거

• autoreverse 애니메이션 추가

참고

• https://jongwonwoo.medium.com/layout-driven-ui-%EC%A0%95%EB%A6%AC-5756b914f2b1

원인
스티커 추가 시 항상 가운데 정렬하도록 되어있어 사용하기 불편함.

개선 사항
BoardView 3X3으로 나누어 차례대로 위치하도록 수정

원인
PaintView에 스티커 추가 순서대로 쌓임.

해결방안
Focus Sticker 변경 시 View Hierarchy 변경

• [F-EMO-003] 감정 키워드 소분류 선택
• [F-EMO-004] 뒤로가기

• 편집 버튼 클릭 시 StickerView에 ColorChip 목록 표시
• 편집이므로 완료 버튼은 활성 상태

• 제스쳐에 다른 스티커가 선택되는 문제 (드래그 시 자동선택되지 않도록 제거)
• 스티커 가장자리 드래그 시 중앙으로 오는 문제

• 감정별 세부 감정 지정
• 선택한 감정대로 PaintView 감정 정의 표시

• 작업 단위 만들기

Picture/Shape Sticker

• 스티커 생성/삭제
• 스티커/배경 색상 변경
• 스티커 크기
• 스티커 위치
• 스티커 모양
• 스티커 엣지 90도 회전
• 스티커 엣지 크기/회전

Text Sticker

• Focus out 시 Undo/Redo 작업 등록

구성 요소

• 타이틀
• 서브타이틀
• 버튼 (최대 2개)
• 이미지
• 타이머

다양한 색상 선택할 수 있도록 ColorWell 추가

원인
연도, 월, 일만 비교하여 중복 체크함.

해결방안
2000년 이후 초를 계산한 TimeInterval을 사용하여 중복 비교하도록 변경

Picture Sticker

• 클리핑 마스크 기능 검토

UIBezierPath 사용해 UIGraphicsGetCurrentContext clip 구현 가능