개발하는 애플리케이션의 크기가 커지고 프로그램의 내부를 기능별로 분할한 부분을 “모듈”이라 부른다유지보수기능들이 모듈화가 잘 되어있다면 의존성을 줄일 수 있어 유지보수가 편리하다.네임스페이스화모듈화를 하면 모듈만의 네임스페이스를 가지기 떄문에 중복 변수명으로부터 자유로

특정 코드가 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 실행하는 것무언가를 비동기적으로 수행하는 함수는 함수 내 동작이 모두 처리된 후 실행되어야 하는 함수가 들어갈 콜백을 인수로 반드시 제공해야 한다.언뜻 봤을 때는 꽤 쓸만해보이지만, 꼬리에 꼬리를 무는 비

개발하는 애플리케이션의 크기가 커지고 프로그램의 내부를 기능별로 분할한 부분을 “모듈”이라 부른다유지보수기능들이 모듈화가 잘 되어있다면 의존성을 줄일 수 있어 유지보수가 편리하다.네임스페이스화모듈화를 하면 모듈만의 네임스페이스를 가지기 떄문에 중복 변수명으로부터 자유로

객체들이 모여서 상호 협력하면서 데이터를 처리하는 방식최신 프론트엔드 트렌드는 함수형 프로그래밍이 강조되고 있지만, 객체지향 프로그래밍도 알아두면 좋을 것 같다.클래스객체 지향 프로그래밍을 지원하기 위해 ES6에서 도입된 기능이다.객체를 생성하는 템플릿, 설계도 역할을

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue함수가 호출되었을 떄 생성되는 실행 컨텍스트들이 여기에 push 된다.FILO(First-In-Last-Out) 방식으로 처리함수의 실행이 종료되면 컨텍스트

함수를 호출할 때 생성되는 실행 컨텍스트 객체를 말한다.this는 실행 컨텍스트가 생성될 때 결정되며, 함수가 호출되는 방식에 따라 다르게 바인딩된다.전역에서 this를 참조하면 브라우저에서는 전역(window) 객체를 가리킨다.함수 내부에서 this를 사용하면, 전역

HTML 문서 내에서 선택한 요소만을 \*\*\*\*정렬된 순서대로 모아둔 집합요소를 배열의 항목처럼 유사하게 다룰 수 있는 객체이며, 이를 유사 배열 객체라고 부른다.for ...of문으로 순회 가능한 이터러블(iterable) 객체이기도 하다.getElementsB

스코프는 참조 대상 식별자(identifier)를 찾아내기 위한 규칙이다.간단하게 설명하면 ‘변수에 접근할 수 있는 범위’라고 말할 수 있다.스코프는 크게 두 가지로 나눌 수 있다.전역 스코프(Global Scope)최상위 레벨의 스코프전체 코드 어디에서든 접근 가능지

input event와 change event의 공통점type이 checkbox인 경우, 체크하거나 해제할 때마다 이벤트 발생type이 radio인 경우, 요소가 체크될 때만 이벤트 발생input event와 change event의 차이점텍스트 입력의 경우,input

자바스크립트 코드가 내부적으로 실행되는 환경이다실행할 코드에 제공할 환경 정보들을 모아놓은 객체실행 컨텍스트는 Closure, Hoisting, Scope, This 와 같은 주요 동작 원리를 담고 있는 JavaScript 엔진의 핵심 원리이기 때문에, 반드시 공부해두

css를 쓰다 보니, Block 타입 요소 간의 margin이 겹치는 경우가 있다. 위와 같이, 세 개의 div 요소에 margin 값을 똑같이 50px로 주었는데 결과를 보면 margin의 범위가 합쳐져 100px이 아닌 50px만큼 떨어져 있는 것을 확인할 수