자바스크립트 HTTP 메서드(GET, POST, PUT, DELETE 등)

10 Sep 2023

javascript

HTTP(HyperText Transfer Protocol)는 웹에서 데이터를 교환하는 프로토콜입니다. 자바스크립트를 사용하여 서버와 통신할 때, 주로 사용되는 HTTP 메서드에는 GET, POST, PUT, DELETE 등이 있습니다. 각각의 메서드는 서버와의 다양한 작업을 수행하며, 이러한 메서드를 올바르게 사용하는 것은 웹 애플리케이션 개발에 있어서 중요한 부분입니다.

GET 메서드

GET 메서드는 서버에서 리소스를 가져오기 위해 사용됩니다. 이 메서드는 서버로 데이터를 전송하지 않고, 요청한 리소스를 가져오기만 합니다. 주로 웹 페이지의 정보를 얻거나 검색 결과를 요청할 때 사용됩니다.

fetch('https://api.example.com/users', {
  method: 'GET'
})
.then(response => response.json())
.then(data => {
  console.log(data);
})
.catch(error => {
  console.error(error);
});

POST 메서드

POST 메서드는 서버로 데이터를 보내기 위해 사용됩니다. 이 메서드는 요청 바디에 데이터를 담아 서버로 전송합니다. 주로 새로운 리소스를 생성하거나 데이터를 업데이트할 때 사용됩니다.

fetch('https://api.example.com/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ name: 'John', age: 25 })
})
.then(response => response.json())
.then(data => {
  console.log(data);
})
.catch(error => {
  console.error(error);
});

PUT 메서드

PUT 메서드는 서버에 존재하는 리소스를 수정하기 위해 사용됩니다. 이 메서드는 요청 바디에 수정할 데이터를 담아 서버로 전송합니다. 주로 리소스의 전체 내용을 수정할 때 사용됩니다.

fetch('https://api.example.com/users/1', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ name: 'John Doe', age: 30 })
})
.then(response => response.json())
.then(data => {
  console.log(data);
})
.catch(error => {
  console.error(error);
});

DELETE 메서드

DELETE 메서드는 서버에서 존재하는 리소스를 삭제하기 위해 사용됩니다. 이 메서드는 특정 리소스를 서버에서 삭제하는 작업을 수행합니다.

fetch('https://api.example.com/users/1', {
  method: 'DELETE'
})
.then(response => {
  console.log('User deleted successfully');
})
.catch(error => {
  console.error(error);
});

HTTP 메서드는 해당 작업을 수행하는 데 필요한 정보를 포함하여 서버와의 효율적인 통신을 가능하게 합니다. 자바스크립트를 사용하여 HTTP 메서드를 활용하여 서버와 상호작용할 때에는 각각의 메서드의 목적과 특징을 이해하고 적절하게 사용하는 것이 중요합니다.