2020/07 2

javascript 이벤트 루프 / 태스크 큐 / 콜 스택 알아보기

# 이벤트 루프(event loop)이벤트 루프는 구현방식으로 인해 붙여진 이름이며, 이벤트 루프는 보통 아래 코드와 유사합니다.while(queue.waitForMessage()) { queue.processNextMessage();}이벤트 루프는 javascript 실행환경인 브라우저에서 관리합니다.  # 이벤트 루프 동작방식비어있는 태스크 큐에 1개의 태스크가 들어온 경우, 이벤트 루프에 의해 태스크가 큐에서 pop 됩니다.pop 된 태스크가 실행되면 javascript engine 에 의해 실행 가능한 코드범위로 실행 컨텍스트가 생성됩니다.생성된 실행 컨텍스트는 콜 스택(Call Stack) 에 push 되고 실행됩니다.코드 실행과정에서 생성되는 태스크는 태스큐 큐에 push 됩니다.코드 실행이..

Dev study 정리 2020.07.04

[Web & HTTP] CORS / SOP 학습

# CORS 란?Cross Origin Resource Sharing(교차 출처 자원 공유) 의 약어원본 출처에서 실행 중인 웹 어플리케이션이 다른 출처의 자원에 접근할 수 있도록 서버에서 관련 HTTP 헤더를 추가하여 브라우저에 알려주는 체제 입니다.  # SOP 란?Same Origin Policy(동일 출처 정책) 의 약어원본 출처에서 실행 중인 웹 어플리케이션은 보안상의 이유로 동일한 출처의 리소스만 공유할 수 있다 라는 정책 입니다.SOP 정책 중, 다른 출처 리소스 요청을 허용하는 예외 항목이 있는데 그 중 하나가 CORS 정책을 지킨 리소스 요청 입니다.  # 출처(Origin) 란?URI 구조에 대해서 알아야 합니다.http://localhost:3000/main?page=1#content..

Dev study 정리 2020.07.01