반응형 cs지식3 [cs지식] CORS란? (SOP, Simple Request,Preflight Request) 웹 브라우저는 기본 보안 모델로 서로 다른 오리진 간의 리소스 접근을 제한하는 메커니즘인 SOP(Same Origin Policy : 동일 출처 정책)를 사용함!그런데 만약 다른 오리진과 통신하기 위해서는 SOP보다 완화된 메커니즘이 필요하다. 이게 바로 CORS (Cross Origin Resource Sharing) 이다. CORS는 웹 브라우저는 보안상의 이유로 다른 출처에서의 리소스 요청을 제한하는 것이 기본적인데 이러한 제한을 완화해 특정 조건 하에서 서로 다른 출처 간의 리소스 요청을 허용하는 것이 CORS이다. 한마디로 웹 브라우저가 서로 다른 오리진* 을 가진 리소스*간의 요청을 제어하는 메커니즘 이다. 오리진 (origin) : protocol과 hostname과 port 리소스 (re.. 2024. 6. 12. [ cs지식 ] 프론트엔드 용어 호이스팅(Hoisting)코드가 실행하기 전 변수 선언/함수 선언이 해당 스코프 최상단으로 끌어올려진 것 같은 현상. 자바스크립트 엔진은 코드를 실행하기 전 실행 가능한 코드를 형상화하고 구분하는 과정(실행 컨텍스트를 위한 과정)을 거친다. -> 자바스크립트 실행 컨텍스트에 의한 현상. 서넝ㄴ이 코드 실행보다 먼저 메모리에 저장되는 과정으로 인한 현상 이벤트 버블링(Event bubbling)특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소(더 위에 있는 태그)들로 전달되어가는 특성. p -> div-> boby 반대로 내려가는건 캡쳐링이라함 이벤트 위임캡쳐링와 버블링을 이용한 것으로, 여러 엘리먼트마다 각각 이벤트 핸들러를 할당하지 않고, 공통되는 부모에 이벤트 핸들러를 할.. 2024. 5. 31. [cs지식] JSON : JavaScript Object Notation Javascript 객체 문법 으로 구조화된 데이터교환형식, python, javascript, java 등 여러 언어에서 데이터 교환형식으로 쓰이며 객체문법말고도 단순 배열, 문자열도 표현 가능. Javascript 객체문법 키(key)과 값(value)으로 구성됨. ex) {key : value} 다양한 언어에서 사용됨 json in javascript = javascript object json in python = dict 데이터 교환 형식 직렬화, 역직렬화 외부에서도 사용할 수 있도록 byte형태로 데이터를 변환 : 직렬화 직렬화 역직렬화 API의 response형태로 활용 2023. 10. 5. 이전 1 다음 반응형
