GjbD3kneP6kcUsxMtwjKES2Uzd9gcplRB NP59oAIS9E9ttFiAnGaelC6YKb8ckBenGDjoYYf592UWpDLtEC G31E5qx8kfA W4pF4ghfvWs4wzNUSkH8kUS

클로저“A closure is the combination of a function and the lexical environment within which that function was declared.”클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다.뭔소린가 싶다. 키워드는 **“함수가 선언된 렉시컬 환경”**이란다.const x = 1;

4 실행 컨텍스트 스택실행 컨텍스트는 스택 자료구조로 관리된다:이를 실행 컨텍스트 스택이라고 한다.const x = 1; function foo () { const y = 2; function bar() { const z = 3; console.log(x + y + z); } bar(); } foo(); // 6 출력 실행 컨텍스트 순서 :

3 실행 컨텍스트의 역할주어진 예제를 통해 자바스크립트 엔진이 어떻게 선평가 후실행할 지 살펴보자.// 전역 변수 선언 -> 전역 코드 평가 1 // 변수 x, y 할당 -> 전역 코드 실행 1 const x = 1; const y = 2; // 함수 정의 -> 전역 코드 평가 2 function foo(a) { // 지역 변수 & 매개변수 선언 ->

정의 🔈 자바스크립트의 동작 원리를 담고 있는 핵심 개념실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경, 매커니즘.실행 컨텍스트를 이해하면 다음과 같은 것을 알 수 있다고 한다.스코프를 기반으로 식별자와 식별자에 바인딩된 값을 관리하는 방법 호이스팅이 발생하는 이유클로저의 동작 방식태스크 큐와 함께 동작하는 이벤트 핸들러비동기 처리의 동작

Relay는 react, graphql을 개발한 meta(facebook)에서 출시한 graphql 라이브러리이다. graphql의 데이터 상태관리를 위해 사용한다. 여러가지 강력한 기능과 편의성을 제공한다. 앞서 살펴본 graphql을 프론트 환경에서 실질적으로 구현하기 위해 필요하다. 장단점을 통해 relay 사용의 이점을 간략히 파악하고, 기본적인 개