# 학습 내용 정리/Zoom CloneCoding(JS)
[Zoom 클론코딩] 2. 채팅기능 구현하기
이번에는 두 브라우저가 동시에 연결되어서 메시지를 주고받는 것과, 닉네임을 설정하는 것을 구현해보도록 하겠습니다. ※ 본 내용은 줌 클론코딩의 1.6~1.9 까지의 수업 내용을 담고 있습니다! 목차 0. 채팅 완성하기 서버와 클라이언트간에 서로 연결이 되었으니, 이제 서로 메시지를 주고 받는 것을 구현해보도록 하겠습니다. 먼저 home.pug에서 메시지를 담을 수 있는 input box와 send button을 만들어줍니다. 이제 send 버튼을 눌렀을 때 발생하는 이벤트를 처리해주기 위해서 app.js를 바꿔줍니다. home.pug(보여지는 페이지)에서 app.js(클라이언트)를 통해 server.js(서버)로 데이터가 전달되는 방식이죠! 순서대로 바꿔주면 됩니다! home.pug에서 설정한 ul 내의..
2021. 8. 30. 02:03
최근댓글