Page 539 - Nodejs 교과서 개정2판

<form action="/chat" id="chat-form" method="post" enctype="multipart/form-data">
<label for="gif">GIF 올리기</label>
<input type="file" id="gif" name="gif" accept="image/gif">
<input type="text" id="chat" name="chat">
<button type="submit">전송</button>
</form>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io.connect('http://localhost:8005/chat', {
path: '/socket.io',
});
socket.on('join', function (data) {
const div = document.createElement('div');
div.classList.add('system');
const chat = document.createElement('div');
div.textContent = data.chat;
div.appendChild(chat);
document.querySelector('#chat-list').appendChild(div);
});
socket.on('exit', function (data) {
const div = document.createElement('div');
div.classList.add('system');
const chat = document.createElement('div');
chat.textContent = data.chat;
div.appendChild(chat);
document.querySelector('#chat-list').appendChild(div);
});
</script>
{% endblock %}

଻౴ ݫद૑ח ࣁ о૑ ૊ ղ ݫद૑ mine दझమ ݫद૑ system թ੄ ݫद૑ other ۽ ҳ࠙೮णפ׮ ݫद
૑ ઙܨী ٮۄ ݫद૑ ٣੗ੋ NBJO DTTܳ ଵҊೞࣁਃ ੉ ׳ۄ૘פ׮

झ௼݀౟ ࠗ࠙੉ ࠂ੟ೞ૑݅ ௼ѱ TPDLFU JP োѾ ࠗ࠙ TPDLFU JP ੉߮౟ ܻझց ಬ ੹࣠ ࠗ࠙ਵ۽ ҳ࠙ؾפ׮

TPDLFU JP োѾ ࠗ࠙ਸ ࢓ಝࠁݶ io.connect ݫࢲ٘੄ ઱ࣗо NBJO IUNMҗח ׮ܵפ׮ ੉ߣীח ֎੐झಕ੉
झо DIBUੑפ׮ SPPN ֎੐झಕ੉झ۽ ࠁմ ؘ੉ఠח ߉ਸ ࣻ হҊ DIBU ֎੐झಕ੉झ۽ ࠁմ ؘ੉ఠ݅

߉ਸ ࣻ ੓णפ׮

socketীח join exit ੉߮౟ ܻझցܳ োѾ೮णפ׮ joinҗ exit਷ пп ࢎਊ੗੄ ੑ੢җ ృ੢ী ҙೠ ؘ੉

ఠо ਢ ࣗ௄ਵ۽ ੹࣠ؼ ٸ ഐ୹ؾפ׮ ࢎਊ੗੄ ੑ੢җ ృ੢ਸ ঌܻח ݫद૑ܳ ಴द೤פ׮