Curt Poem

프론트 엔드 공부와 지식 나눔을 위한 블로그

HTTP 3

JavaScript HTTP 요청 작은 팁 3가지

비동기 함수를 병렬적으로 실행하는 법 만약 여러 개의 비동기 함수를 실행 시켜야한다면 어떻게 해야 될까요. 모든 비동기 함수에 await를 붙여 하나씩 실행시키는 것보다는 먼저 모든 함수를 실행시켜놓고 모든 작업이 완료되길 기다리는 것이 더욱 효율적이겠죠? 자바스크립트에서는 Promise.allSettled를 사용하여 이런 방식이 가능합니다. const results = await Promise.allSettled([promise1, promise2, promise3, ...]); results.forEach((result, index) => { // 비동기 함수 실행 성공 if (result.status === 'fulfilled') { console.log(`Promise ${index + 1} fu..

개발/JavaScript 2024.02.11

REST 3탄: HTTP 메서드의 의미는 무엇일까?

REST는 자원(Resource), 행위(Verb), 표현(Representaions)로 나뉩니다. 이전에 자원은 URI에서 식별이 가능하여야 하고 표현은 응답(Respone)의 본문(body)에서 확인할 수 있다고 하였습니다. 그리고 리소스와 분리가 되는 행위가 있다고 했죠. 그렇다면 행위는 무엇이고 어디서 찾을 수 있을까요? 행위는 요청(request)에서 찾을 수 있습니다. URI에 주어진 리소스에 대하여 어떤 행동을 할지 정의하는 역할을 합니다. 현재 가장 널리 사용되는 HTTP의 주요 메서드는 다섯 가지가 있습니다. GET, POST, PUT, PATCH, DELETE입니다. 그 외에도 HEAD, OPTIONS, CONNECT, TRACE 메서드가 존재합니다. GET 서버에서 리소스를 조회할 것..

REST 2탄: HTTP 상태 코드에 대하여 알아보자

클라이언트와 서버가 통신을 할 때 요청이 성공적으로 완료되었는지, 오류가 있어 요청이 실패하였는지 알 수 있어야합니다. 위의 사진처럼 모든 응답에 대해 같은 HTTP 상태 코드를 반환하면 어떤 상황인지 알아보기 힘들어집니다. 그래서 서버는 클라이언트에 응답을 보낼 때 각각의 상황에 맞는 상태코드를 포함하여 응답합니다. HTTP 응답으로 주어지는 상태 코드를 통해 요청이 성공적으로 수행되었는지, 실패했다면 이유가 무엇인지에 대한 정보를 대략적으로 알 수 있습니다. HTTP의 응답은 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러, 그리고 서버 에러의 5개 그룹으로 나누어집니다.상태코드는 세 자리의 숫자로 나타내며, 첫 번째 숫자는 그룹을, 나머지 숫자는 상세한 코드를 나타냅니다.정보 응답 혹은 조건부 ..