UI 설계 Tool
피그마를 사용했다. 계속 사용해왔기도 하고 협업도 가능한 점이 마음에 들어 피그마를 통한 UI를 설계하였다. 물론 지금은 혼자서 Front, Back, DB를 모두 해보며 전체 흐름을 이해하는 방향으로 갈 것이지만..
설계 화면
1. 로그인, 회원가입
UI를 설계해보며 DB쪽 흐름을 바꾼 게 있는데
회원가입 시에 특별한 정보를 기입하지 않고 DB에 첫 접속인지를 확인하는 값을 만들어놓고 로그인 시에 첫 정보를 기입할 수 있도록 하려고 변경하였다.
2. 첫 로그인
우선은 간단하게 입력을 받을 예정이다. 전체적인 기능을 다 구현하고 나중에 구현할 내용들은 나중으로 미루려고 한다. 그렇기에 오른쪽 UI는 내가 전체 기능을 전부 구현 후 추가할 예정이다.
3. 메인 페이지
사용자가 지어준 이름을 메인 화면에 보여주며 몇 일째 키우고 있는지를 표시한다.
일지 작성, 일지 보러가기, 설정 변경 등은 버튼 형식으로 달아둘 것이다.
4. 일지 작성
일지 작성 페이지이다. 뭔가 허전하고 허접하게 보인다. 필요한 내용들만 우선적으로 넣어두었다.
5. 일지 확인
캘린더에서 원하는 날짜를 클릭하면 오른쪽 UI처럼 액티비티가 넘어가는 형태로 사용자에게 일지를 보여줄 예정이다.
6. 설정 변경
특별한 점은 없다.
