인터페이스 구상

프로젝트채팅

채팅 기능 모델링

내부적으로는 조금 더 복잡하게 설계할 계획이고 일단 기능 별로 모델링 하자면 위와 같다.

로그인

비밀번호 찾기 기능은 최후로 미루고, 로그인 기능에서는 회원가입, 다른 회사 api로 회원가입 및 로그인 기능 구현

메인창

전체 유저 조회와 친구 유저 조회를 할수 있고, 현재 참여중인 톡방을 옆에 조회할수 있다 검색 기능은 일단 보류

이 프로젝트에서 가장 핵심은 실시간 채팅이다. → 실시간 채팅의 서버에서의 처리를 하는 것이 주 목적

이대로 가면 사실 프론트엔드에서 할게 많아져서 본질이 흐려진다.

유저 정보 수정

유저 정보를 눌렀을때 바로 수정 가능한 창이 나오는 방향으로 가장 간단한 방식의 수정 기능 구현

대화방 추가

톡방위 + 버튼을 눌러 대화방을 만들수 있다. 현재 친구 유저를 조회 및 등록할수 있고, 대화방 이름을 지정해 줄 수 있다.

대화방

가장 깔끔한 형식의 대화방, 프로필 사진 같은것도 url이나 처리하는 방식이 있겠지만 나중에 시간 남으면 하는것으로하고 일단 가장 쉬운방법으로 상대를 식별할수 있게 메시지 옆에 정보 한줄 같이 띄움