목록전체 글 (107)
백고등어 개발 블로그
우선 아래 코드의 결과와 함께 코드를 해부해보면서 CORS 응답처리가 어떻게 이루어지는지 알아보겠습니다 사실 아래 코드 주석에 작성해둔 것처럼 응답 헤더 설정(response.writeHead)과 응답처리 끝(response.end)의 동작순서를 알아보는 것에 더 가깝습니다 * CORS 요청은 preflight 요청입니다. OPTIONS 메소드 요청 ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ POST 메소드 요청 & URL = /upper ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ 또다른 CORS 응답처리 OPTIONS 메소드 요청 ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ POST 메소드 ..
오늘 한 일 mini node server 스프린트를 진행했다. 스프린트를 진행하며 api 서버를 간단하게 만들어보면서 cors 동작을 실제로 구현해보았다.
오늘 한 일 chatterBox client 스프린트를 진행했다. 스프린트를 진행하며 AJAX를 통한 비동기 요청에 대해서 알게됐고, 실제로 HTTP통신이 어떻게 동작하는지 간단하게 알게 되었다.
오늘 한 일 동기와 비동기에 관해서 다시 생각해보았다. 동기와 비동기, 블락킹와 논블락킹은 절차지향과 객체지향과 같이 개념일뿐이고, 그것을 코드로 표현하다보니 자바스크립트의 콜백으로 표현이 가능할뿐이다 그리고 콜백의 단점을 보완하기 위해 문법적으로 Promise, async/await 키워드가 나왔다 이벤트 루프의 동작으로 설명하자면 callstack 영역은 동기영역, webAPI 영역은 비동기영역으로 말할 수 있다 비동기적으로 동작하는 특정 함수들인 setTimeout, setInterval, AJAX 등등은 내부적으로 처리되는 순서에 따라서 동작되는 순서가 달라질 수 있다 그렇게 뒤죽박죽으로 실행되는 순서를 순차적으로 실행할 수 있도록 하는 방법은 자바스크립트의 콜백(callback)만 사용해서 해결..