👩🏻💻 정리
-
[JavaScript] 실행 컨텍스트 (Execution Context)👩🏻💻 정리/JavaScript 2021. 8. 22. 15:20
목차 1. 실행 컨텍스트란? 2. 실행할 코드와 콜스택 2.1 실행할 코드 2.2 콜스택 3. 컨텍스트에 담기는 정보 3.1 Variable Environment 3.2 Lexical Environment 3.3 This Binding 4. 생성 과정 4.1 스코프 체인의 생성과 초기화 4.2 변수 객체화 실행 4.3 this value 결정 5. 참고 링크 1. 실행 컨텍스트란? 실행 컨텍스트란, 자바스크립트 코드가 실행되고 있는 컨텍스트(환경)를 말한다. 즉, 실행 컨텍스트는 실행할 코드에 제공할 환경 정보(변수 정보)들을 담아놓은 환경이다. 함수를 실행할 때마다 그 함수에 대한 새로운 실행 컨텍스트를 생성하여 자신만의 고유한 컨텍스트에서 실행된다. 다시 말해, 하나의 함수는 본인의 고유한 실행 컨텍..
-
[JavaScript] 프로미스 (feat. 동기/비동기, 콜백 함수, async~await)👩🏻💻 정리/JavaScript 2021. 8. 17. 23:00
목차 1. 동기와 비동기 1.1 동기와 비동기란? 1.2 동기와 비동기의 장단점 1.3 비동기 처리가 필요한 이유 2. 콜백 함수 (Callback Function) 2.1 콜백 함수란? 2.2 콜백 지옥 3. 프로미스 (Promise) 3.1 프로미스란? 3.2 reject와 resolve 3.3 Chaining 3.4 state 3.5 에러 처리 3.6 더 알아보기 4. async & await 5. 더 알아보기 5.1 오늘 정리한 내용에서 확장하여 공부하면 좋은 내용 5.2 위의 내용까지도 다 공부하고 나서 추가적으로 공부하면 좋은 내용 프로미스 공부를 들어가기에 앞서, 먼저 짚고 넘어갈 내용들을 살펴보고, 프로미스에 대해서 공부해보도록 하자! 1. 동기와 비동기 1.1 동기와 비동기란? 웹 앱을 ..
-
[JavaScript] 이벤트 루프 (Event Loop)👩🏻💻 정리/JavaScript 2021. 8. 14. 20:32
목차 1. 동시성 모델 2. 이벤트 루프 2.1 자바스크립트 엔진 2.2 Web APIs 2.3 Task Queue 3. 이벤트 루프의 실행 과정 4. 참고 링크 1. 동시성 모델 이벤트 루프에 대해서 알아보기 전에, 우리는 동시성 모델에 대해서 먼저 알아야 한다. 자바스크립트는 이벤트 루프에 기반한 동시성(concurrency) 모델을 가지고 있다. 💡 동시성이란? 실제 물리적으로 동시에 일어나는 것이 아니라, 흐름을 실행시키는 것은 하나지만 작은 타임 슬라이스 단위로 다른 흐름을 돌아가면서 실행시켜서 동시에 일어나는 것처럼 보이게 하는 방식을 말한다. 자바스크립트의 큰 특징 중 하나는 '싱글 스레드' 기반의 언어라는 점인데, 스레드가 하나라는 말은 곧 한 번에 하나의 작업만 처리할 수 있다는 뜻이다...