프론트엔드 기초

주소창에 텍스트를 입력하게 되면,검색어인지URL인지 확인하게 됩니다.검색어라면 검색엔진으로 갈 것이고, URL이라면 DNS 서버로 갑니다.저희가 치는 "naver.com" 같은 경우 도메인네임입니다. IP 주소는 숫자로 이루어진 주소로 직관적이지 않은 숫자들을 외우기는

CSR은 페이지를 진입했을 때 브라우저가 모든 리소스들을 받은 후 페이지 이동이 있을 때 마다 JS를 이용하여 동적으로 렌더링을 시킵니다.Single Page Application을 줄인 말로 단 하나의 페이지라는 뜻입니다. 자바스크립트를 이용하여 바뀌는 일부만 재렌더

MPA와 SPA의 차이점은 사이트의 페이지 수에 따라 나뉜 개념입니다.MPA는 multiple-page application의 약자로 페이지가 여러 개 있다는 뜻입니다.과거 서버에서 만든 정적 HTML을 그대로 프론트엔드에서 내려서 보여주는 단순한 기능만 했을 때는 페

DOM이란 Document Object Model의 약자로 HTML 문서의 Object Model입니다. HTML의 구조화 된 표현으로 트리구조로 되어 있습니다.웹브라우저는 HTML을 파싱하여 DOM 트리를 만들어서 관리하고 사용자에게 페이지를 보여주게 됩니다. 이 과

“A closure is the combination of a function and the lexical environment within which that function was declared.”클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical

자바스크립트는 기본적으로 코드가 위에서 아래로 한 줄씩 차례로 코드가 해석합니다. 이러한 특성을 동기라 부릅니다.fetch 나 setTimeout 등과 같이 오랜 시간을 요구하는 기능들이 동기와 같은 특성으로 실행된다면 어떠할까?? 코드를 한 줄씩 해석하다 이런 코드를

자바스크립트에서 이벤트가 발생할 때 이벤트가 발생한 요소(target)뿐 아니라 자식에서 부모 혹은 그 반대로 부모에서 자식으로 이벤트가 전파되는 경향이 있습니다.그림에서 부모에서 target까지 이벤트가 내려오는 현상을 캡쳐링, 반대로 target에서 부모로 다시 이

실행컨텍스트는 코드가 실행되기 위한 필요한 환경들을 모아둔 것입니다. 자바스크립트 엔진에는 코드 실행을 관할하는 call stack이 있습니다. 콜스택은 실행컨텍스트를 1개씩 쌓아두고 실행하게 됩니다. 이 때 콜스택의 순서는 보장하고 순서는 FILO (First In,

this는 자기 자신의 참조값을 의미합니다. 다른 언어와 달리 자바스크립트에서 this는 상황에 따라 많이 변합니다. 그래서 더욱 혼란을 가중하곤 합니다.기본적으로 this는 함수가 '호출 되었을 때' 결정됩니다.일반 함수가 호출을 할 때메서드로 호출할 때생성자 함수로

사전적으로 불변성이란 값이나 상태를 변경할 수 없는 것을 의미합니다.chae라는 객체가 있고 이 객체를 복사한 park이 있습니다. chae의 name 속성만 바꿨는데 park의 name 속성도 바뀌는 것을 볼 수 있습니다.똑같은 예시에 chae와 park은 객체가 아