JavaScript11 비동기 실행 관련 3가지 문법 정리 비동기 실행의 정의는 아래와 같이 다양한 방식으로 표현될 수 있습니다. 특정 작업이 시작되고, 그 작업이 모두 완료되기 전에 바로 다음 코드가 실행되는 방식의 실행, 나머지 작업은 나중에 콜백을 통해 수행되는 방식의 실행 특정 처리를 나중으로 미루는 방식의 실행 콜백을 등록해두고, 추후에 특정 조건이 만족되면 그 콜백으로 나머지 작업을 수행하는 방식의 실행 이렇게 다양한 표현으로 그 정의를 써볼 수 있는데요. 특정 처리를 담당하는 존재(콜백)의 실행을 나중으로 미룬다는 점만 잘 기억하시면 딱히 어려울 게 없습니다. 비동기 실행 관련 문법 중 3가지 (1) 파라미터로 바로 콜백을 전달하는 형태의 전통적인 비동기 실행 함수 (2) Promise (3) async/await 에 대해 정리하겠습니다. 1. 파라.. 2023. 11. 16. 비동기 실행의 개념과 관련 함수들 비동기 실행의 개념에 대해 알아보겠습니다. console.log('Start!'); fetch('https://www.google.com') .then((response) => response.text()) .then((result) => { console.log(result); }); console.log('End'); 지금 이 코드에는 다음과 같은 2개의 콜백이 있습니다. (1) (response) ⇒ response.text() (2) (result) ⇒ { console.log(result); } fetch 함수가 리퀘스트를 보내고, 서버의 리스폰스를 받게 되면 그때서야 이 콜백들이 순서대로 실행되는데요. 이 사실을 바탕으로, 전체 코드의 실행 순서를 다시 정리하자면 console.log('Sta.. 2023. 11. 15. Content-Type 정의와 정보 1. Content-Type 헤더 Content-Type 헤더는 현재 리퀘스트 또는 리스폰스의 바디에 들어 있는 데이터가 어떤 타입인지를 나타냅니다. 실무 개발에서는 리퀘스트 또는 리스폰스의 바디에 정말 다양한 종류의 데이터들을 넣게 됩니다. 텍스트부터 시작해서 이미지, 영상까지 정말 많은 것들이 들어갈 수 있습니다. 바로 이런 데이터들의 타입 정보가 Content-Type 헤더에 담겨있는 겁니다. Content-Type 헤더의 값은 '주 타입(main type)/서브 타입(sub type)'의 형식으로 나타나는데요. 흔히 만나게 되는 Content-Type 헤더의 값으로는 다음과 같은 것들이 있습니다. 주 타입이 text인 경우(텍스트) 일반 텍스트 : text/plain CSS 코드 : text/cs.. 2023. 11. 14. 웹통신에서 사용하는 상태 코드(Status Code) 정보 1. 각각의 상태 코드에는 대응되는 상태 메시지가 있습니다. 모든 상태 코드(Status Code)는 각각 그에 대응되는 상태 메시지(Status Message)를 갖고 있습니다. 예를 들어, 우리가 배운 200번은 OK, 404번은 Not Found라는 상태 메시지를 갖고 있습니다. 각 상태 코드의 의미를 모두 외우기는 힘들기 때문에 이러한 상태 메시지는 상태 코드의 의미를 빠르게 파악하는데 도움을 줍니다. 2. 상태 코드는 100번대~500번대까지 있어요. 이전 영상에서는 상태 코드 200번과 404번만 봤는데요. 사실 상태 코드는 100번대부터 500번대까지 존재합니다. 그리고 각 번호대는 그것만의 의미를 가지고 있는데요. 각 번호대 별 주요 상태 코드들을 살펴봅시다. 각 상태 코드는 상태 코드 옆.. 2023. 11. 14. 이전 1 2 3 다음
