snaag

들어가며

자바스크립트는 컴파일 언어인가요, 인터프리터 언어인가요? 라는 내용을 검색하면 종종 보이는 단어가 있다.

바로 JITC (Just-In-Time Compiler) 라는 단어인데, 같이 나오는 내용인 즉 JITC는 인터프리팅을 하다가, 필요한 부분에 대해서는 컴파일을 하여 최적화를 한다 이다. 이 말은 내용은 맞지만 이름이 틀렸다.

위의 방식은 Adaptive JITC 라고 하여, 최근 대다수의 JavaScript 엔진들이 차용하는 방식이다. 그리고 JITC 는 과거의 JavaScript 엔진들이 차용하던 방식이다.

snaag

들어가며

지난 JavaScript, Front-End 발표 주제는 this 였지만, 공부하다 보니 실행 컨텍스트에 대한 내용이 선행되야 할 것 같아 실행 컨텍스트에 대하여 발표를 하게 되었다.

여러 자료와 책을 참고하며 공부를 하고 있음에도 내용이 잘 와닿지 않아 참고1을 참고2, 참고3, 참고4, 책 인사이드 자바스크립트, Poiema Web을 참고하여 번역을 해보고자 한다. 추가적으로 내가 여러 자료를 찾아보면서 알게 된 내용들도 덧붙일 것이다.

실행 컨텍스트, Execution Context(이하 EC) 라는 개념은 나에겐 낯설었기에 나와 같은 사람들이 있을 것 같아 흔히들 아는 콜스택 을 시작으로 글을 써보도록 하겠다.

snaag

들어가며

함수에 대한 내용입니다.

책 인사이드 자바스크립트(4.1~4.3)를 참고하였습니다.

함수의 정의

snaag

들어가며

실행 컨텍스트에 관한 지난번 자료에서 this는 실행 컨텍스트에 따라 달라진다 라는 내용을 간단하게 언급했었다.

그 때는 왜 달라지는지 에 대해서 언급을 했었다. 이번에는 어떻게 달라지는지 에 대한 내용이다.

혹시나 링크를 타고가지 않을 누군가를 위해 간단하게 말해보자면,

Execution context 가 만들어질 때 this 가 바인딩이 되기 때문이다. 그러니까 실행 중에 결정이 된다는 말이다.

snaag

들어가며

생성자와 this 에 대해서 알아보았다.

개인적으로 생성자 함수라는 말 보다는 함수의 생성자가 맞다고 생각하지만, 생성자라고 작성하면 읽는데 헷갈리는 부분이 있을 것 같아 이해를 위해 생성자 함수라고 적었다.

• 인사이드 자바스크립트 Ch.4.4를 참고하였다.

snaag

들어가며

클로저에 관한 내용입니다. 개념 위주로 작성하였습니다.

Closure

책과 여러 자료를 보고 정리 해봤을 때, 클로저는 아래와 같은 개념을 말한다고 나름의 정리를 해봤다.

snaag

들어가며

동일한 내용이 자바스크립트 스터디 시리즈에 있기는 하지만, 자바스크립트 시리즈에도 이 내용을 넣고 싶어서 같은 글을 두 번 포스팅하게 되었다.

내용

1. Scope

스코프는 흔히, 변수의 생존 범위 라고 알고 있다. 나 또한 그렇게만 생각하고 있었다. 물론 이 말이 마냥 틀린것은 아니지만, 스코프는 보다 넓은 개념을 포함하는 단어이다. >

snaag

내용

[[Prototype]], __proto__, prototype 의 차이

JavaScript 에서 변수와 함수는 원형을 갖는 객체이다. 그리고 JavaScript 에서는 이 원형을 __proto__([[Prototype]]) 과 prototype 으로 나타낸다.

prototype 은 프로토타입 객체 를 말하는 것이고, __proto__ 는 프로토타입 링크 를 말하는 것이다.

이를 자세히 알아보자.

snaag

들어가며

OOP에 대해서 공부를 하던 중에 Object 에 대해 공부가 부족하다는 생각이 들어 Object(Instance) 와 Class 에 대해 먼저 공부를 하게 되었다.

공부를 하며 내가 그동안 헤멨던 내용에 대해 정리를 했다.

내용

객체가 뭐야?

객체 란 무엇일까?

snaag

들어가며

Object(Instance), Class에 대해 감이 오지 않는다면 이 글 을 참고해주세요.

내용

OOP가 뭐야?