[javascript] 자바스크립트의 비동기 제어와 소켓 프로그래밍

08 Dec 2023

javascript

이번 포스트에서는 자바스크립트에서 비동기 제어 및 소켓 프로그래밍에 대해 알아보겠습니다.

비동기 제어

자바스크립트는 싱글 스레드 언어이지만 비동기 처리를 통해 I/O 작업을 효율적으로 수행할 수 있습니다. 비동기 작업은 콜백, 프로미스, async/await 등의 방식으로 처리할 수 있습니다.

콜백

function fetchData(callback) {
  setTimeout(() => {
    callback('Data fetched');
  }, 1000);
}

fetchData((data) => {
  console.log(data);
});

프로미스

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 1000);
  });
}

fetchData().then((data) => {
  console.log(data);
});

async/await

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 1000);
  });
}

(async function() {
  const data = await fetchData();
  console.log(data);
})();

소켓 프로그래밍

웹 소켓을 사용하여 클라이언트와 서버 간의 양방향 통신을 구현할 수 있습니다.

// 클라이언트
const socket = new WebSocket('ws://localhost:3000');

socket.onopen = () => {
  socket.send('Hello server!');
};

socket.onmessage = (event) => {
  console.log('Server said:', event.data);
};

// 서버
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 3000 });

wss.on('connection', (ws) => {
  ws.on('message', (message) => {
    console.log('Client said:', message);
    ws.send('Hello client!');
  });
});

위의 코드는 클라이언트와 서버 간의 웹 소켓 통신을 구현한 예시입니다.

이렇듯 자바스크립트는 비동기 작업과 소켓 프로그래밍을 통해 다양한 네트워크 응용프로그램을 개발할 수 있습니다.

결론

자바스크립트를 사용하여 비동기 작업을 효과적으로 제어하고, 소켓 프로그래밍을 통해 실시간 양방향 통신을 구현할 수 있습니다. 이를 통해 웹 애플리케이션의 성능을 개선하고 사용자 경험을 향상시킬 수 있습니다.

이상으로 자바스크립트의 비동기 제어와 소켓 프로그래밍에 대한 내용을 살펴보았습니다.

참조링크: