p.77~132 콜백 함수 호출 시 this binding. 생성자 함수 내부에서의 this. apply, call, bind. 화살표 함수는 스코프체인상 가장 가까운 this에 접근. 콜백 함수, 다른 코드의 인자로 넘겨주는 함수. 제어권을 넘겨준다. 콜백 헬, 이벤트 처리나 비동기적인 작업. ES6 Promise, Generator. ES2017 async/await. 클로저, 실행 컨텍스트가 종료되더라도, 참조가 되고 있어 가비지 콜렉터의 대상이 되지 않고 메모리에 남겨진 변수의 집합. null, undefined를 할당하여 참조 카운트를 0으로 만든다. 콜백함수 내부에서 외부 데이터 사용, 정보 은닉.
p.36~76 실행 컨텍스트 - 코드를 실행할 때 필요한 환경 정보들을 모아 놓은 객체. 콜 스택에 쌓인다. 전역 공간, eval, 함수, 블록으로 생길 수 있다. variable environment(snapshot), lexical environment, this binding environment record, outerEnvironmentReference 호이스팅, 자바스크립트 엔진은 평가 후 실행 함수 선언문, 함수 표현식의 호이스팅 차이 스코프, 스코프 체인, outerEnvironmentReference this는 객체지향 언어에서 클래스로 생성한 인스턴스 객체를 가리킨다. JS에서는 함수를 호출할 때 결정. 전역공간 this -> 전역 객체 일반함수 호출 this -> 전역 객체 메..
p.22~35 불변 객체를 만드는 법. immutable.js, immer.js와 같은 라이브러리 혹은 deep copy, JSON.stringify-JSON.parse 얕은 복사(shallow copy)시에는 객체의 프라퍼티 값이 객체라면 주소값을 복사해서 문제가 생길 수 있다. 뎁스가 하나라면, 스프레드 연산자, object.assign() 활용. undefined와 null. undefined는 자바스크립트 엔진이 지정하는 값. 변수 선언만 있을 때, 존재하지 않는 프로퍼티 접근, return 없는 함수. null은 개발자가 의도적으로 값이 없음을 드러내는 것. typeof null은 object.
~p.22 1회독을 했던 책인데 얕게 공부했던 것 같아 다시 펼쳐보게 됐다. 데이터 타입 - 기본형, 참조형 변수와 식별자. 변수는 변할 수 있는 수, 식별자는 데이터를 식별하는 데 사용하는 이름, 변수명. 변수와 상수에서는 변수 영역의 값이 변할 수 있는지, 불변성을 얘기할 때는 데이터 영역의 값이 변할 수 있는지 기본형, 참조형 복사. 모두 주소값을 복사하지만 참조형은 데이터 영역도 주소 값을 갖고 있기 때문에 방식이 다르다. 불변 객체.
p.71~83 프레임워크 없이 만드는 렌더링 엔진. 레지스트리 작성 방법과 가상 DOM 알고리즘. 변경이 발생하게 만드는 것이 이벤트. YAGNI 원칙. 실제로 필요할 때 구현하라. DOM 이벤트 API on + event, addEventListener 캡처 단계, 목표 단계, 버블 단계.
~p.71 프레임워크는 코드를 호출한다. 코드는 라이브러리를 호출한다. Angular와 Moment.js로 설명한다. 커뮤니티의 표준도 프레임워크의 제약으로 간주한다. 리액트의 제약 사항은 선언적 패러다임의 사용. 기술적으로 보면 리액트는 렌더링 라이브러리다. 내 문제를 해결하는 데 있어 다른 사람의 코드가 최적일 수 없다는 관점. 렌더링은 웹 애플리케이션에서 가장 중요한 기능. 순수 함수로 요소를 렌더링 하는 것. view = f(state) 돔 조작이나 애니메이션은 requestAnimationFrame 내부에서 하는 것 권장. 가상 DOM의 개념은 선언적 렌더링 엔진의 성능을 개선시키는 방법, reconciliation, diff 알고리즘.
p.72~83 클로저로 모듈 만들기. 연속 호출, 메소드에서 this를 반환한다. 커링, 함수와 인수를 결합하여 새로운 함수를 만든다. 메모이제이션. 불필요한 작업을 피하기 위해 연산 결과를 저장해놓고 사용한다. 프로토타입으로 상속.
p.62~72 재귀 호출. 하위 문제를 처리하기 위해 자신을 호출 (피보나치, 돔, 하노이의 탑) TCO(Tail Call Optimization). safari만 지원한다. Scope. 변수와 매개변수 접근성. 생존 기간. Closure. 내부 함수에서 외부 함수의 매개변수와 변수 접근. callback, 비동기 처리.
