JavaScript

개발을 할 때 let과 const로 변수를 선언하는 경우만 봤지 var를 사용하는 경우는 보지 못했다.(ES6전에 작성된 코드 제외)주위에서 let, const만 써라~ 해서 사용했지 왜 얘네를 써야하는진 몰랐다. 왜 let과 const를 쓰게 되었을까?ES6전엔 모든

일단 JS엔진은 하나의 스레드로 이루어져 있어 동시에 단 하나의 작업만을 수행할 수 있다. 하나의 스레드에서 모든 일을 처리하기엔 무리가 있어 API라하는 다른 스레드로 비동기 처리를 진행한다. Event Loop와 Queue를 이용하여 비동기 처리 과정을 수행할 수

자바스크립트에서 프로토타입은 원본 객체를 복제해서 새로운 객체를 생성하는 것이다. 여기서 원본 객체란 무엇일까?일단 Person이라는 함수를 정의하면 Person이라는 객체가 생성된다. 이때 Person 객체가 생성됨과 동시에 Person의 prototype이라는 객체

이 둘은 유사하지만 재정의가 가능하냐 아니냐에 따라 사용이 달라진다.상수 형식으로 재정의가 불가능한 변수는 const, 재정의가 가능한 변수는 let을 붙인다.var는 함수 스코프이다. \*\*반면 let과 const는 블록 스코프\*\*이기 때문에 if, while,

쉽게 말해 코드의 실행 환경이다.스크립트 실행시 나오는 결과는 choi, Hi jeongeun 이다. Lexical Scoping을 기억하면 쉽게 결과를 도출해낼 수 있다.Lexical Scoping은 쉽게 말해 자신의 스코프와 가장 가까운 변수를 계속 참고하는 것이다

window resize 이벤트 같은 경우엔 윈도우 창(현재 창)에 대해서만 이벤트가 발생함.resize 이벤트 자체가 window 객체에서만 발생한다. 그 외의 element에 이벤트를 달아놔도 발생 안함. 반면 ResizeObserver 같은 경우엔 지정한 elem

scrollIntoView() 메서드는 scrollIntoView()가 호출된 요소(element)가 사용자에게 보여지도록 element의 조상 컨테이너를 스크롤한다. alignToTop (Optional) boolean이며 true일 경우 해당 스크롤 영역의 볼 수

사용자 또는 Caret의 위치에 따라 선택된 텍스트의 범위를 나타내는 Selection 객체를 반환한다. window.getSelection().toString()을 호출하면 선택된 text를 반환한다. 내가 사용 한 곳 : 글자를 드래그 했을땐 접고/펼치기 기능이 동

사용자가 직접 만드는 EventtypeArg이벤트 이름을 나타내는 문자options다음 속성을 포함하는 객체입니다."detail": 이 이벤트 내에 포함할, 이벤트의 세부 정보를 나타내는 값입니다. 기본 값은 null입니다. 처리기에서 \[CustomEvent.deta