![]()
오늘은 상대와 내가 매칭되었을때 방 번호를 배정받아야할것같아서방 번호를 배정하도록 만들어봄 상대가 수락을 누를때도 count가 늘어나도록 설계!!먼저 수락 누른쪽이 server로 성공 메세지를 날림!! 매칭이 성공되면 데이터베이스에 나와 상대의 이름으로 방을 만들고방 번호를 상대와 나에게 배정 LAST_INSERT_ID()를 사용해 방을 만들자마자 방 번호를 받아옴 서버에서 받은 방 번호로 채팅방 입장 인터셉터로 방 번호를 가져옴 가져온 방번호를 KEYS에 담아해당 방번호에 있는 유저들에게만 메세지 전송!!! 성공!!!
![]()
오늘은 매칭성공시 바로 채팅으로 넘어가는건 조금 이상한거같아서상대와 내가 수락을 누르면 채팅으로 넘어가게 만들어보았다 count는 상대와 내가 둘다 수락을 누르면 2가되어 서버에 매칭이 성사됐음을 알리기위해 만듬수락버튼을 누르면 배경이 초록색으로 바뀌게 설계 상대가 수락버튼을 누르면 배경이 초록색으로 바뀌게 설계 수락버튼을 누르면 상대에게 알림 결과
![]()
이제 매칭이 성공한 상대의 더 자세한 정보를 보기위해클릭했을때 상대 프로필 정보를 볼수있는 기능을 만들어준다프로필 사진 구역을 클릭했을때 window.open 함수를 사용하여 새로운 페이지 처리!!profileBox의 좌표는 event의 함수들을 사용해 클릭한곳의 좌표를 구해옴!!! 결과 !!!
![]()
매칭 시작 버튼을 누르면 매칭 시간이 흘러가도록setInterval 기능을 활용해1초 간격으로 시간이 변하도록 스크립트를 만들어준다 그리고 매칭 시작 버튼을 매칭 중지버튼으로 만들어주고 버튼의 onClick 속성을 변경해 stopMatching 함수가 작동되도록 만들어 준뒤 웹 소켓에는 원하는 mbti를 보내준다서버에서는 매칭이 성사되었을때만 메세지가 날라오도록 설계해두었기때문에메세지가 날라오면 상대방의 정보를 띄워주고 setInterval를 정지시켜준다
