Skip to content
Kang Log
Go back

인터페이스 구상

Updated:

인터페이스 구상

#프로젝트채팅

채팅 기능 모델링

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

로그인

Pasted image 20241128003538

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

메인창

Pasted image 20241128003756

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

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

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

유저 정보 수정

Pasted image 20241128004005

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

대화방 추가

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

대화방

Pasted image 20241128004150

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


Share this post on:

Previous Post
웹소켓 사용
Next Post
다중 DB연결