๐Ÿ”Ž Socket.IO๋ž€

โ†’ย Socket.IO๋Š” ์›น ์†Œ์ผ“ ์—ฐ๊ฒฐ์„ ํ†ตํ•ด ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๊ฐ„์— ์‹ค์‹œ๊ฐ„ ์–‘๋ฐฉํ–ฅ ํ†ต์‹ ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒํ•˜๋Š” JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค.

๐Ÿ’ฃย socket.io-client๊ฐ€ ๊ฐ€์ง„ ๊ธฐ๋ณธ์ ์ธ ๋ช…๋ น์–ด

io ๋ช…๋ น์–ด

์„œ๋ฒ„์— ์—ฐ๊ฒฐ์„ ์ƒ์„ฑ

	const socket = io('<http://localhost:4000>');

on ๋ช…๋ น์–ด

ํŠน์ • ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ, ์‹คํ–‰ํ•  ์ฝœ๋ฐฑ ํ•จ์ˆ˜ ๋“ฑ๋ก

socket.on('message', (data) => {
  console.log('Message received:', data);
});

emit ๋ช…๋ น์–ด

์„œ๋ฒ„๋กœ ํŠน์ • ์ด๋ฒคํŠธ์™€ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†ก

์ „์†กํ•  ์ด๋ฒคํŠธ ๋ช…์„ ์ง€์ •ํ•˜๊ณ , ๋‘ ๋ฒˆ์งธ ํ”ผ๋ผ๋ฏธํ„ฐ์— ์ „์†กํ•  ๋ฉ”์„ธ์ง€๋ฅผ ๋„ฃ๋Š”๋‹ค.

socket.emit('์ „์†กํ•  ์ด๋ฒคํŠธ ์ด๋ฆ„', ๋ฉ”์„ธ์ง€)
socket.emit('message', 'Hello, Server!');

socket.disconnect()

์„œ๋ฒ„์™€์˜ ์†Œ์ผ“ ์—ฐ๊ฒฐ์„ ์ข…๋ฃŒ

socket.disconnect(); //socket.open()๋„ ๊ฐ€๋Šฅ

socket.connect()

์†Œ์ผ“ ์—ฐ๊ฒฐ์„ ์ˆ˜๋™์œผ๋กœ ์‹œ์ž‘. ์ž๋™ ์—ฐ๊ฒฐ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ๋•Œ ์œ ์šฉ

socket.connect(); //socket.close()๋„ ๊ฐ€๋Šฅ