CORS란? Cross-Origin Resource Sharing의 약자로 리소스를 요청하는 cross-origin HTTP 요청 방식이다. 제 관점에서는 밑에 그림 보면 무슨 말인지 잘 모르겠습니다. 그러니까, 말로 쉽게 풀어보겠습니다. Origin의 Resource에 공유(접근)할 때 안전한지 판단하기 위해 브라우저가 서버와 통신하는 방법이다. 권한을 HTTP Header에 넣어 부여한다. Header에 권한 부여가 없는 경우 요청이 제한된다. 따라서 아래 내용은 알아두는 게 좋습니다. 요청 헤더 Origin Access-Control-Request-Method Access-Control-Request-Headers 응답 헤어 Access-Control-Al
CORS 고도화 된 최근의 웹은 여러 곳에 있는 리소스를 활용할 필요가 생겼다. (Cross Origin Resource Sharing) HTTP 트랜잭션 해부 서버 생성 모든 node 웹 서버 애플리케이션은 웹 서버 객체를 만들어야 합니다. 이 때 createServer를 이용합니다. 서버로 오는 HTTP 요청마다 createServer에 전달된 함수가 한 번씩 호출됩니다. HTTP 요청이 서버에 오면 node가 트랜잭션을 다루려고 request와 response 객체를 전달하며 요청 핸들러 함수를 호출합니다. 요청을 실제로 처리하려면 listen 메소드가 server 객체에서 호출되어야 합니다. 대부분은 서버가 사용하고자하는 포트 번호를 listen에
AJAX? Asynchronous JavaScript And XMLHttpRequest 약자로 JavaScript, DOM, Fetch, XMLHttpReqest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법입니다. AJAX의 가장 큰 특징은 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와 페이지를 보여줍니다. AJAX의 2가지 핵심 기술 AJAX를 구성하는 핵심 기술은 JS, DOM, Fetch 입니다. fetch를 사용하면, 페이지를 이동하지 않아도 서버로부터 필요한 데이터를 받아올 수 있습니다. fetch는 사용자가 현재 페이지에서 작업을 하는 동안 서버와 통신할 수 있도록 합니다. (비동기적 방식) 서버로부터 필요한 데이터를 받아올 수 있다는 건 새로운 페이지로 이동없이 스크롤을 내리면 기존 페이지에서 필요한 부분만 추가(변경)할 수 있다는 뜻입니다. (스크롤은 예시) XHR과 fetch 최근에는 XHR보다 f