JS

부모에서 자식은? x자식에서 부모는? olexical scope (상위 스코프에는 접근 o/ 동질 스코프에는 접근 x)점심을 예로 들어보겠습니다ESFP가 물어봅니다."메뉴 뭐 였어?" //menu1(); or menu2();유니는 대답합니다.메뉴라니 무슨 말이세요? /

Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있습니다. 쉽게말해 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’입니다.한국에 살지 않는 외국인 친구에게 유니는 자신이 어디 사는지 설명합니다."나는 금천구에 살아요" 그럼 외국인 친구는 아~ 그렇구나 금천

실행컨텍스트(Execution Context) 자바스크립트가 실행되는 환경. 식별자 결정을 더 효율적으로 하기 위한 수단 자바스크립트는 컴파일 언어로 평가->실행이라는 불변의 법칙을 가집니다. 자바스크립트 엔진은 먼저 전역 코드를 평가한 후 전역 실행 컨텍스트를 생성

호이스팅 함수가 실행되기 전에 안에있는 변수들을 범위의 최상단으로 끌어올리는 것

범위: 전역 범위(함수 외부)/ 함수 범위(함수 내부)로 지정하며 같은 범위 내에선 재선언, 값 업데이트 모두 가능합니다. (함수 스코프 적용)값 업데이트 전 접근 시 : undefined위와 같이 에러가 발생하지 않고 정의되지않음(undefined)로 값이 출력됩니다

자바스크립트 예약어 중 하나로 "this"는 현재 실행 중인 함수나 메소드 내에서 참조하는 객체 또는 자신이 생성할 인스턴스를 가리키는 자기참조 변수입니다. JS엔진에 의해 암묵적으로 생성되어 코드 어디서든지 참조가 가능하며, 객체의 메소드 내부 혹은 생성자 함수 내부

callback 함수promise비동기 함수(async/await)제너레이터(Generators)와 yield현재 실행 중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것을 의미합니다. 분기문, 반복문, 함수 호출 등이 동기적으로 실행되며 이 경우 코드의

우리가 자바스크립트에서 객체나 데이터의 값을 복사할 때 복사하는 방법에 따라 깊은 복사와 얕은 복사로 나뉩니다.원시값(primitive value)은 변경 불가능한 값으로, 값을 만들어내는 기본적인 데이터 타입입니다. 하지만 변경불가능한 것은 변수가 아닌 값에 대한 진

for문을 대체할 수 있는 함수로, 콜백함수를 인자로 받고 각 요소에 콜백 함수를 실행시킵니다. 즉 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출합니다. 단, 아무 값도 반환하지 않습니다. (undefined) 이렇듯 forEach

자바스크립트에서 require와 import는 모듈 시스템에서 사용되는 키워드로 두 키워드 모두 외부 파일이나 라이브러리를 불러올 때 사용합니다. 두 키워드 모두 다른 파일의 코드를 불러온다는 점은 같지만, 다른 문법 구조를 지니고 있습니다. require는 Commo

자바스크립트에서 이벤트 버블링과 캡처링은 이벤트 모델에서 이벤트가 발생한 요소로부터 상위 요소로 전파되는 방식을 뜻합니다.HTML에서 이벤트는 일반적으로 아래 3가지 단계를 거쳐 전파됩니다. 캡처링 단계: 이벤트가 발생한 요소의 가장 상위 요소부터 시작하여 이벤트가 발

객체지향 프로그래밍(Object-Oriented Programming, OOP)은 프로그래밍 패러다임 중 하나로, 프로그래밍에서 필요한 데이터와 해당 데이터를 처리하는 함수(메서드)를 하나의 논리적 단위인 '객체'로 묶어서 관리하는 프로그래밍 방식입니다. 높은 코드 재

웹팩(Webpack)과 바벨(Babel)은 모두 자바스크립트 프로젝트에서 사용되는 도구들이며, 모듈화된 코드를 관리할 수 있는 기능을 제공한다는 특성을 갖고 있습니다.웹팩(Webpack)은 모듈 번들러(Module bundler) 중 하나로, 웹 애플리케이션을 구성하는

event.target과 event.currentTarget 모두 이벤트 핸들러(Event Handler)객체로 이벤트를 처리하기 위한 함수입니다.event.target은 이벤트가 발생한 가장 하위 요소를 반환합니다. 즉 이벤트 버블링을 받아 발생하는 자식의 위치. 내

JavaScript에서 함수를 호출하는 방법 중에서도 특별한 기능을 제공하는 메소드입니다. 모두 함수를 호출할 때 this 값을 설정하는 방법을 제공하는 특징을 갖고 있습니다. (this 소실방지)함수를 호출할 때 this 값을 설정하고, 함수 인자를 개별적으로 전달합

나중에 실행할 수 있는 함수라고 하네요.. 나중에 실행한다는게 뭘까요? 콜백 함수(callback function)는 다른 함수의 인자로서 넘겨주는 실행 가능한 함수를 말합니다. 이 콜백함수는 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있습

Promise는 비동기 작업을 표현하는 자바스크립트의 객체로 비동기 작업의 진행, 성공, 실패 상태를 표현할 수 있습니다. 또 비동기 처리의 순서에 대해서도 표현이 가능합니다.