text wireframe

[hahagarden]

Text Wireframe

순서 및 방향 원칙

• 목록은 위가 최신: scrap, highlight, chats
• 내용은 밑이 최신:
• 내용에서는 사람이 왼쪽 gptea가 오른쪽
• pagination X
• 재정렬 기능 XLogin Page첫 페이지. 웰컴사인과 네이버로그인 처음에 표시Chat 목록 Page제목을 달’수‘있음(제목 없으면 ’제목없음‘)
  Chat 삭제 가능Chat 내용 Page메세지에 스크랩버튼 ♡, 본문, 작성시간 포함Scrap PageChat 목록 page와 유사한 구성이지만 내용이 일정 길이 이상에서 생략, 눌렀을때 새 창이 뜸 modal 방식으로 -> 딴걸 볼려면 꺼야함
  새창에서 해당 Chat으로 이동할 수 있음. Chat으로 이동하면 URI fragment사용하여 해당 메세지로 스크롤 이동해있음. -> 끄면 이전 작업했던 곳으로 넘어감이동로그인성공 -> 기본적으로 챗 목록 활성화

Glossary

• Chat: 챗봇과 나의 대화
• Message: 말풍선 하나 = 한 대화
• Scrap: 유저에게 선택 말풍선, 내 메세지와 gptea 메세지 둘 다 가능, 기본 스크랩 북에 저장
• Highlight: 유저에게 선택된 텍스트고, 말풍선을 벗어날 수 없음. 이어진 문장, 색깔선택가능>>카테고리

phase1 이후 추가 예정

• 첫 페이지 로그인에 추가로, 스크롤하면 서비스 소개글(깃허브처럼) 뜨도록 추가
• Message 삭제(숨기기, 데이터는 보존) 기능 추가 가능(미정)
• Scrap book: 스크랩 카테고리 추가, 지정 가능
• Highlight
  제목없음
  줄글들이 이어진 형태이며, 일정길이 이상에서 생략, 토글 방식으로 생략된 내용이 expand 되고, 한 개체가 expand 되었을 때 다른 객체 expand 시도하면, 둘 다 expand 되는 형태(자동 collapse 되지않음)

[hahagarden]

현재 New Chat 버튼이 리스트 맨 아래에 있고
추가되면 최신 Chat을 리스트 맨 위에 추가하는 것이 어색함
↓
New Chat 만들기 버튼을 Nav바 Chat 메뉴에 추가하고
ChatName 입력을 모달창을 띄워서 입력받는 것으로 변경

[hahagarden]

기본 스크랩북 name: basic

유저가 스크랩북 생성시 name: basic 생성 못하게 FE, BE 막아야 함

[hahagarden]

SECRET_KEY 등 어떻게 관리하는지 알아보기(.env에 작성해도 되는지?)

AWS에 리액트 어떻게 올리는지 알아보기(webpack..?)

카카오 로그인 추가하기

Redux 상태관리 라이브러리 도입하기