post-thumbnail

CORS

동일한 출처가 아닌 다른 출처에서 데이터를 주고 받는 것을 허용하는 정책교차 출처 (Cross-Origin)프로토콜, 호스트, 포트가 하나라도 일치하지 않음동일 출처 (Same-Origin)프로토콜, 호스트, 포트가 모두 동일함CORS 없이 모든 곳에서 통신이 자유롭다

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

이벤트 버블링과 캡처링

HTML태그는 계층적으로 이루어져 있음계층적 구조로 인해, 이벤트가 발생할 경우 연쇄적 이벤트 흐름 발생위의 코드에서 span 태그를 클릭하면alert('span') -> alert('p') -> alert('div')순서로 이벤트가 발생해당 현상을 이벤트 전파(eve

2023년 4월 13일
·
0개의 댓글
·
post-thumbnail

브라우저 저장소

해당 도메인과 관련된 특정 데이터를 클라이언트 웹 브라우저에 저장할 수 있도록 해주는 기능데이터를 명시적으로 지우지 않는 이상 영구적 보관 \- 브라우저 닫아도 유지브라우저 열려있는 한, 새로고침을 하여도 유지 \- 브라우저 닫거나, 탭 이동 시 삭제cookie는

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

this의 용법

자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수함수를 호출 할 때, 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정전역객체를 참조browser-side에서는 window, server-side에서는 global객체안에

2023년 4월 10일
·
0개의 댓글
·
post-thumbnail

클로저(Closure)

자신이 생성될 때의 환경(Lexical environment)를 기억하는 함수Lexical environment내부 함수가 선언되었을 때의 스코프위와 같은 코드가 있다면 아래와 같이 진행이 된다.1\. order('치킨') 실행2\. '치킨'을 주문하셨습니다. 출력3\

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

호이스팅

함수 내의 변수 및 함수 선언을 각 유효 범위의 최상단에 선언하는 것실제로 코드가 끌어 올려지는 것이 아님Javascript parser가 내부적으로 끌어올려 처리var 변수 선언, 함수선언문에서만 발생var 변수 선언let 또는 const 변수 선언함수선언문함수표현식

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 방식

DNS(Domain name system)가 실제 서버가 있는 곳으로 연결http, https 방식에 맞게 통신서버로부터 html을 내려받은 후, 브라우저 렌더링엔진에서 파싱HTML 파싱을 진행하며, DOM Tree를 생성생성중, Link 태그를 만나 Style She

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

페이지 렌더링 방식

페이지를 효율적이고 빠르게 보여주기 위한 렌더링 기법들을 정리한다. CSR (Client Side Rendering) 서버에서 빈 HTML과, js파일을 전부 가져와 클라이언트(브라우저)에서 HTML을 구성하는 방식 👍장점 최초로 다운받은 후에는 서버에서 html

2023년 4월 3일
·
0개의 댓글
·