2021년 10월 19일 작업
- routes/ Message.vue
- 동작 : 메세지 페이지
- 의존성 :
import Letter from "../components/Letter";
import LetterOnButton from "../components/LetterOnButton";
import LoginButton from "../components/LoginButton";
import Login from "../components/Login";
import MessageDetail from "../components/MessageDetail";
- components/Letter.vue
- 동작 : 메세지 보내는 모달창
- 의존성 : import sendMessage from "../api/sendMessage";
- components/LetterOnButton.vue
- 동작 : 버튼 컴포넌트로 누르면 Letter 컴포넌트 화면에 표시
- components/MessageDetail.vue
- 동작 : 메세지 목록을 보여줌
- api/sendMessage.js
- 동작 : 특정 유저에게 메세지를 보냄(유저 입력 안할시 test계정으로 기본설정)
- 인자 : {message :String, reciever : userId}
- 의존성 : {getUser} from "../storage/localStorage"
- api/getuserList.js
- 동작 : 소통한 적이 있는 유저의 목록을 반환
- 의존성 : {getUser} from "../storage/localStorage"
- api/getMessageDetail.js
- 동작 : 인자로 받은 id의 유저와 나눈 메시지 목록을 반환
- 인자 : id
- 의존성 : import {getUser} from "../storage/localStorage";
- store/letter.js
- 상태 : { isShowLetter : false }
- store/message.js
- 상태 :
- 의존성 :
{userList : []}
{messageList : []}
{sender : ""}
{isShowMessageDetail : false}
getUserList from "../api/getuserList";
getMessageDetail from "../api/getMessageDetail";