- 백엔드의 Websockets(ws)와 프런트엔드의 Vanilla Javascript 를 사용하여 간단한 실시간 채팅을 구현합니다.
- 백엔드 코드는 src/server2.js 그리고 프런트엔드 코드는 src/public/app.js.
- 추가 포인트: 사용자가 닉네임을 변경할 수 있습니다.
- socket io 를 사용하여 채팅 기능 구현
- 사용자는 자기 닉네임 변경이 가능
- 사용자는 방 생성이 가능
- 생성된 방 목록을 볼 수 있음 -> 챌린지1에서 socket io 로 사용
- WebRTC로 P2P 화상 통화를 구현합니다.
- 백엔드 코드(src/server.js)를 켜고 프런트엔드 코드(src/public/js/app.js)를 켭니다.
화상 통화 흐름:
- 사용자 A는 방을 만들어야 합니다.
- 사용자 B가 방에 참여해야 합니다.
- 화상 통화가 시작되어야 합니다.
- 최대 2명 객실당 허용됩니다.
- 추가 사항: 데이터 채널*을 사용하여 실시간 채팅을 구현합니다 .
-> 비동기 흐름 주의하기
-> pc 에서 브라우저를 2개 뛰우면 화면이 잘 송출
-> pc, 모바일 에서 시도하면 실패(하지만, 같은 공유기 잡으면 잘됨;)
-> 모바일에서 먼저 방을 파고, 이후에 pc 에서 시도하면 잘 됨;