로그인 - 훈랜딩 페이지를 도입메인 페이지 - 훈워크스페이스 생성 페이지 (완)디테일 게시글 페이지 - 민석작성자유저일기 생성 페이지 - (빙글) + progress bar일기 연혁 페이지 - 소진스토리북 페이지 - 소진워크스페이스 설정 페이지 - 민석개인 정보 설정 페이지 (프로필 페이지)사이드 메뉴 페이지
로그인 - 훈
- 사용자는 Google/Kakao/Naver 계정을 통한 소셜 로그인을 할 수 있다.
- 이메일/
전화번호데이터를 필수로 가져온다. → 백엔드 데이터 테스트
- 서비스 소개 여부
- 이용 약관 및 개인 정보 동의 등의 문서를 확인할 수 있다.
랜딩 페이지를 도입
메인 페이지 - 훈
- 워크스페이스를 생성할 수 있다.
- 워크스페이스 초대를 받을 수 있다.
가장 최근 사용한 워크스페이스로 이동한다.
- 일기쓰기 기능을 사용할 수 있다.
- 스토리북 기능을 사용할 수 있다.
- 연혁보기 기능을 사용할 수 있다.
- 일기 찾기 기능을 사용할 수 있다. (보류)
- 작성한 일기를 기반으로 현재 월에 해당되는 일기의 대표 이미지들을 이미지 슬라이드 형태로 조회할 수 있다.
- 현재 워크스페이스의 이름과 대표 이미지를 확인할 수 있다.
- 워크스페이스 대표 이미지가 없을 때는 클릭을 통해 대표 이미지 설정 가능하다.
- 워크스페이스 대표 이미지가 있을 때는 수정 버튼을 통해 대표 이미지 설정 가능하다.
워크스페이스 생성 페이지 (완)
- 워크스페이스의 기본 정보를 입력한다.
- ‘워크스페이스 이름’은 필수로 입력한다.
- ‘워크스페이스 설명’은 필수적으로 입력한다.
- '워크스페이스에서의 가족 관계’ 설정 필수적으로 입력해야 한다.
- 변경가능한지, 언제 입력하는지!!! FIX해야함!
- ‘워크스페이스 대표 사진’은 선택적으로 입력한다.
- ‘가훈'은 선택적으로 입력한다.
- 그룹 생성이 완료되면 해당 워크스페이스 메인페이지로 이동한다.
디테일 게시글 페이지 - 민석
작성자
- 일기를 수정할 수 있다.
- 일기를 삭제할 수 있다.
유저
- 댓글 작성자는 댓글 생성, 수정, 제거가 가능하다.
- 이모지 작성자는 이모지 추가, 제거, 수정이 가능하다.
일기 생성 페이지 - (빙글) + progress bar
- 일기를 생성할 수 있다.
- '일기 날짜'는 필수로 입력한다. (Default 오늘 날짜)
- ‘일기 제목’은 필수로 입력한다.
- ‘일기 내용(텍스트)’은 필수로 입력한다.
- ‘일기 사진'을 선택적으로 입력한다. ( 여러 파일 가능 )
일기 연혁 페이지 - 소진
- 날짜 기준으로,그래프 라인 (세로? 가로?)가 그려진다.
- 그래프에 있는 일정 표시(동글 아이콘?)를 Hover하면 일기 사진 및 데이터가 출력된다.
- 그래프에 있는 일정 표시를 Click하면 해당 `일기 디테일 페이지`로 넘어간다.
- *어떤 방식의 그래프로 표현해서 보여줄 지 생각해야 하는 문제 ** => 차트/그래프 라인 라이브러리 찾아보기
스토리북 페이지 - 소진
- 워크스페이스 구성 인원 별 일기 리스트를 조회할 수 있다.
- 아빠
- 엄마
- 막냉이 등등
- 클릭 시 일기 상세 페이지를 조회할 수 있다.
워크스페이스 설정 페이지 - 민석
- 워크스페이스 관리자는 워크스페이스에 가족을 초대할 수 있다.
- 워크스페이스 관리자는 현재 구성원을 확인할 수 있다.
- 워크스페이스 관리자는 워크스페이스 정보를 수정할 수 있다.
- ‘워크스페이스 명’
- ‘워크스페이스 대표사진’
- ‘워크스페이스 설명’
- ‘가훈'
- 워크스페이스 관리자는 워크스페이스를 삭제할 수 있다.
- 최종 삭제 여부를 확인한다.
개인 정보 설정 페이지 (프로필 페이지)
- 개인 정보를 변경할 수 있다.
- 프로필사진
- 이름(별명)
- 현재 속한 워크스페이스들의 정보를 확인할 수 있다.
- 워크스페이스 이동이 가능하다.
- 워크스페이스 탈퇴를 할 수 있다.
사이드 메뉴 페이지
- 소속 된 워크스페이스를 리스트로 확인 할 수 있다.
- 해당 워크스페이스의 관리자 일 경우, 관리 페이지로 이동할 수 있다.