snaag

들어가며

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

내용

OOP가 뭐야?

snaag

들어가며

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

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

내용

객체가 뭐야?

객체 란 무엇일까?

snaag

내용

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

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

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

이를 자세히 알아보자.

snaag

들어가며

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

내용

1. Scope

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

snaag

들어가며

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

Closure

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

snaag

들어가며

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

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

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

snaag

들어가며

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

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

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

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

snaag

들어가며

함수에 대한 내용입니다.

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

함수의 정의

snaag

들어가며

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

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

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

snaag

들어가며

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

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

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