Webhacking.kr - web58 (풀이봄)

web58

---

<ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
    $(function () {
      var username = "guest";
      var socket = io();
      $('form').submit(function(e){
        e.preventDefault();
        socket.emit('cmd',username+":"+$('#m').val());
        $('#m').val('');
        return false;
      });
      socket.on('cmd', function(msg){
        $('#messages').append($('<li>').text(msg));
      });
    });
    </script>

---

Solution

---

socket io란?

heeestorys.tistory.com/1028?category=843902

socket io를 이용한 채팅 프로그램

heeestorys.tistory.com/1031?category=843902

var username = "admin";
var socket = io();
socket.emit('cmd',username+":flag"); 
// socket.emit은 키 값인 'cmd' 이벤트를 서버에 전달하는 것

socket.on('cmd', function(msg){console.log(msg);}); 
// socket.on은 키 값인 'cmd' 이벤트를 listen(연결)하고 두 번째 변수의 함수는 콜백함수로 클라에서 넘어온 값을 받음.

풀이

hevton.tistory.com/216?category=1145930

---