분류 전체보기

이전 포스팅에서 클로저의 개념을 살펴보았다. 이번 포스팅에서는 배웠던 개념을 바탕으로 클로저의 예시와 활용법에 대해서 알아보고자 한다. 클로저 예시 1 코드 let f; const g = function () { const a = 23; f = function () { console.log(a * 2); } } g(); f(); 클로저 예시 1 코드 해석 해당 코드를 콘솔창에서 실행했을 경우 '46'이라는 결과값을 얻게 된다. f 함수는 어떻게 g의 'a'라는 변수에 접근할 수 있을까? 'g()'를 실행했을 때 'a'는 23이되고, 'f'는 함수라는 것까지 정의된다. 이후 'f()'가 실행되면서 '46'이 나온다. 이 과정을 자세히 살펴보면 f 함수에 정의된 실행 컨텍스트의 모든 변수가 클로저로 연결(C..

클로저의 개념 클로저란 기능은 배열이나 새기능을 만드는 것처럼 사용자가 명시적으로 사용하지 않는다. 특정 상황에서 자동으로 사용되며 클로저를 사용하고 있다고 이해하면 된다. 클로저를 이해하기 위해 아래 코드를 통해 예시를 살펴보자. secureBooking이라는 함수를 정의하였다. 이 함수는 passengerCount라는 변수를 가지며 이는 외부에서 조작하거나 접근할 수 없다. secureBooking 함수는 함수를 return하는데 상위에서 정의한 passengerCount 변수를 업데이트하는 것이다. const secureBooking = function() { let passengerCount = 0; return function() { passengerCount++; console.log(`${p..

앞서 AJAX와 API 무엇인지 학습했고, 비동기 코드와 Promise에 대해서 배웠다. 이번 포스팅에서는 자바스크립트 이면에서 해당 코드들이 어떻게 동작하는지 이해해보자. Javascript 런타임 Javascript 런타임은 기본적으로 컨테이너이다. 이 컨테이너에는 자바스크립트 코드를 실행하는 데 필요한 모든 요소(pieces)가 포함되어 있다. 각 요소에 대해서 알아보자. Javascript Engine Javascript 런타임의 핵심은 엔진(Engine)이다. 엔진(Engine)은 힙(Heap)과 콜 스택(Call Stack)으로 구성되어 있다. 힙(Heap)에서는 객체가 저장되고, 콜 스택(Call Stack)에서는 코드가 실행된다. 여기서 기억해야할 사실은 Javascript의 실행 쓰레드(..

Branch란? Branching makes it super easy to work within self-contained contexts, but often we want to incorporate changes from one branch into another. We can do this using the git merge command Git Branch를 만들면 독립적인 영역안에서 일을 할 수 있다는 장점이 있다. 그런데 우리가 수행한 작업 중 일부를 다른 브랜치와 통합해야할 때가 있다. 그때 'git merge'라는 명령어를 사용한다. 일반적인 Workflow에서는 Master(main) Branch가 존재한다. 리더가 관리하는 경우가 많으며, 핵심되는 소스코드이다. Master Branch에..