그룹웨어 채팅을 구현시작 (09/09)2주동안 진행할 예정위의 사진처럼 구성하는 것이 목표!비동기로 구성 예정실시간으로 각자 원하는 부분 동작개인 채팅방(1:1), 그룹 채팅방까지 구현통합알림까지 구현시작 전에 제일 걱정되었던 것은 처음 사용해보는 웹소켓과 비동기로 화
웹소켓 연결 유지 확인 클라이언트와 서버 간에 양방향 통신을 실시간으로 가능하게 하는 통신 프로토콜서버와 클라이언트 간의 지속적인 연결을 유지하여 데이터를 실시간으로 주고받을 수 있게 함HTTP와 달리 클라이언트가 요청을 보내지 않아도 서버가 데이터를 전송실시간 양방향
웹소켓 연결과 동시에 모든 사용자에게 권한을 줌이름, 내용, 날짜를 출력하지만 실시간으로 날짜가 화면에 출력이 되지 않는 문제가 발생확인은 리로드를 시켜서 값으로 확인위의 설명처럼, 리로드를 시킨다는 점은 디비에 저장된 값을 불러와서 화면에 출력한다는 점이다.메시지를
조직도를 통해 채팅방 생성을 위해 member 값을 가지고 오기 위한 작업선택한 사원의 번호를 배열형태로 담아 이동(그룹채팅방을 위해 배열로 진행)확인을 누르고 채팅방 생성 Swal창을 통해 확인하려 했으나 웹소켓이 재실행되면서 동작을 막음디비에는 저장이 되어, 채팅방
그룹 채팅과 개인 채팅을 생성할 경우, 인원수에 따라 제한예를 들어, 조직도에 선택된 사원이 2명 이상일 경우, 그룹방 명을 입력받아 디비에 타입을 구분하여 저장조직도에서 선택된 값을 확인하여 채팅 타입을 정함0은 개인, 1은 그룹으로 정함목록 실시간 반영을 위해 웹소
목록 검색(자동완성) UI에 표시된 채팅방 목록을 js를 통해 자동완성 기능 구현 js에서 같은 html 요소를 가지고 있는 목록의 방 이름을 찾음 배열에 저장 후, 검색어와 비교하여 목록이 출력되도록 구성 한 글자씩 작성과 동시에 비교하기 위해서 key event
채팅 안읽음 개수 채팅방 별 사용자가 읽지 않은 개수를 목록에 출력 전송한 사용자는 메시지에 대해 읽음 처리가 바로 가능해야 함 그룹 채팅방은 속한 사용자가 보낸 메시지 개수를 전부 확인 해야 함 채팅 읽음 처리 디비
사용자 별 원하는 채팅방을 설정 목록 통해 나가기를 진행개인 채팅방을 나갈 경우, 다른 사용자는 대화 내용 유지 그룹 채팅방을 나갈 경우, 나감 메시지 출력과 동시에 대화 내용유지개인은 나감과 동시에 재초대가 불가하고, 다시 생성그룹은 나감과 동시에 재초대가 가능하고,