실행 컨텍스트(Execution Context)란 자바스크립트 코드가 실행되고 연산되는 범위를 나타내는 추상적인 개념으로, 코드가 실행된다면 실행 컨텍스트에서 작동하고 있는 것이라고 보면 됩니다. 실행 컨텍스트는 자바스크립트의 다양한 개념 중 기본이 되는 개념이기 때문에, 이를 이해하고 자바스크립트 코딩을 한다면 코드를 이해할 때 많은 도움이 되리라 생각합니다. 실행 컨텍스트, 왜 필요할까? 앞서 말했듯이 코드를 실행하기 위해 필요한데, 어떻게 실행하기 위함인지가 중요합니다. 소프트웨어 구현 전략 중에 하나는 코드를 여러 조각(functions, modules, packages 등등)으로 나누는 것입니다. 이렇게 분리하는 이유는 단 하나, 프로그램의 복잡성을 분리하고 관리하기 위함입니다. 이제 코드를 작성하는 입장이 아닌 코드를 해석하는 자바스크립트 엔진 관점에서 생각해봅니다. 코드 해석의 복잡성을 관리하기 위해 코드의 영역을 분리하여 위와 같은 전략을 사용할 수 있는 데 그게 바…

자바스크립트를 통해 개발하다보면 가끔보게 되는 키워드가 있는 데, 바로 라는 녀셕입니다. “this? 대충 이렇게 작동하는 녀석아닌가??” 하고 지나칠 수 있지만, 정확히 알고 적절하게 활용한다면 더욱 깔끔하고 디버깅이 편한 코드를 작성할 수 있을 것입니다. 일단 this를 찍어보자 키를 눌러 console에서 를 한번 찍어봅시다. 그러면 아래와 같은 값이 나올 것 입니다. 네, Window 객체가 나옵니다. Window 객체는 일반적으로 브라우저의 요소와 자바스크립트 엔진과 관련된 모든 정보를 포함하고 있는 객체입니다. 하지만 단순히 = 라면, 이 글을 쓰지 않았겠죠? 문법에 따라 this가 바뀐다? 전에 커뮤니티에 이런 글이 하나 올라왔었습니다. Q . 과 (화살표 함수)의 차이점이 무엇인가요? A : “this가 달라요” B : “function은 this를 가지고, 화살표함수는 this를 가지지 않아요” 틀린 답변은 아니지만, 정확히 어떻게 가 다르다는 걸까요? 입문…