min3m / tsc_frontend

frontend

실행 방법

백엔드 / 프론트엔드 주소 수정 : src/Public/global.js

---

기능

로그인

채팅

1. 메시지 받으면 로컬스토리지에 저장. 한 사람과의 대화 전체를 하나의 key로 저장.

• key : chatLog_${nickname}
• value: [{"from":${from},"msg":${msg},"time":${time}}, {"from":${from},"msg":${msg},"time":${time}}]

2. 채팅 목록 페이지는 로컬스토리지의 key를 참조하여 chat_${nickname} 개수만큼 생성.
3. 특정 채팅방 클릭 시 해당 nickname과의 채팅 목록 불러와서 채팅방 모달 띄움, 내부 value개수만큼 말풍선 생성
4. 로그아웃 시 로컬스토리지, 쿠키의 모든 데이터 삭제

게임

---

TODO

채팅

• 관리자 알림 from admin -> 백엔드 // 선택사항
• 채팅방 목록 띄울 때 최근 채팅 순서대로

유저관리

• 친구 목록 개수 초과 시 창 깨지는 에러 해결

게임

• 로컬 플레이, 토너먼트 기능 추가

랭킹

• 데이터베이스에서 가져와서 띄우고, 클릭 시 프로필 상세정보 및 전적 볼 수 있게 ..

Public

• XSS 공격 방어