(221215)Microtask Queue

Promise에 등록된 callback 즉 then에 등록된 callback이 microtask queue에 들어온다.

2022년 12월 15일
·
0개의 댓글
·

(221215)Broswer Runtime Environment

Que : 자료구조 중 하나. FIFO(First In First Out)Task Que와 Call Stack을 관찰하는 Event Loop. Call Stack에 일이 남아있으면 빌 때까지 기다리다가, Call Stack이 비면 Event Loop에 있는 함수를 Ca

2022년 12월 15일
·
0개의 댓글
·

(221215)Runtime Environment

Multi Threading : 한 Process 안에서 여러가지 Thread가 동시다발적으로 일어나는 것 --> 동시적으로 일을 수행할수 있으므로 효율적JS는 Single Threaded Language -> But JS가 동작하고 있는 Brower 위에는 여러개의

2022년 12월 15일
·
0개의 댓글
·

(221214)Process vs Thread

process란? 컴퓨터 위에서, 즉 운영체제 위에서 연속적으로 실행되고 있는 프로그램예를 들어 내 컴퓨터 operation system 내에 3개의 process가 있다고 가정할 때, 하나의 process에 문제가 생기면 그 하나만 강제종료된다.즉 독립적으로 실행되고

2022년 12월 14일
·
0개의 댓글
·

(221214)Redering

Critical rendering pathBrowser에서 URL 입력 -> requests/response -> loading -> scripting(DOM요소로 변환) -> rendering -> layout -> painting -> 사용자에게 출력Construc

2022년 12월 14일
·
0개의 댓글
·

(221214)DOM

DOM(Document Object Model)CSSOM(CSS Object Model)브라우저가 HTML file을 읽으면, 가장 먼저 DOM Tree를 만든다. 그 다음 CSS file을 읽고, 확정된 CSS Tree를 만든다. DOM 과 CSSOM을 합하여 최종적

2022년 12월 14일
·
0개의 댓글
·

(221213)WEB APIs

Application Programming Interfacesex)OS나 Platfrom에서 제공하는 API, UserStorage라는 class에서 제공하는 login, logout API...Browser 자체에서 제공하는 API : DOM APIs, Network

2022년 12월 13일
·
0개의 댓글
·

(221213)This

문맥에 따라 이것이 가리키는 것이 달라진다. this binding : 특정한 객체와 this가 연결된것.Java CJS or TS는 런타임 상에서 동적으로 this binding이 결정된다.

2022년 12월 13일
·
0개의 댓글
·

(221213)Closures

폐쇄, 닫혀있는 느낌.함수와 그 함수를 감싸고 있는 렉시컬환경에 대한 조합을 말함.inner 함수에서 외부에 있는 함수의 scope에 접근하는것.

2022년 12월 13일
·
0개의 댓글
·

(221212) Prototype

사전적 정의 : 원형. 실제 제품을 만들기 전에 대략적인 형태를 나타내는 것.배포전 빠르게 반들어낸 어플리케이션. JS에서 Prototype이란 다양한 객체들 간 비슷한 특징들을 클래스로 만든것처럼, 객체지향프로그래밍을 위해서 이것을 사용한다. 비슷한 특징, 상태, 함

2022년 12월 12일
·
0개의 댓글
·

(221212) Strict Mode

'use strict'일반적으로 느슨한 모드 sloppy mode를 사용한다.기존에는 조용히 무시되던 에러들을 throwing한다.JavaScript 엔진의 최적화 작업을 어렵게 만드는 실수들들 바로잡는다. 가끔씩 엄격모드는 비엄격 모드의 동일한 코드보다 더 빨리 작동

2022년 12월 12일
·
0개의 댓글
·

(221212)Hoisting

사전적 의미는 '끌어올리다.'programming 에서는 자바스크립트 엔진(번역기, Interpreter)이 코드를 실행하기 전, 변수, 험수, 클래스의 선언물을 끌어올리는 것을 말함.변수의 선언과 초기화를 분리한 뒤에, 선언한 코드만 최상단으로 옮긴다.변수 Varia

2022년 12월 12일
·
0개의 댓글
·

(221210) Execution Context

실행 컨텍스트 Execution Context : 코드의 실행순서와 그 스코프를 기억하고 있다. call stack을 통해서 실행순서를 기억한다. call stack은 single context stack으로 한번의 하나의 일만 처리 가능하다. 전역에 선언된것을 전역

2022년 12월 10일
·
0개의 댓글
·

(221210)Garbage Collection

Garbage Collection즉 메모리를 청소해줘야한다. 메모리 관리를 잘 하지 못하면 어플리케이션이 죽을 수 있다. JS는 메모리관리를 직접할 필요가 없다. 그것은 Garbage Collector(GC)가 있기 때문이다. 덕분에 메모리를 청소하지 않아도 조금 편하

2022년 12월 10일
·
0개의 댓글
·

(221210)Scope

내부구현사항과 특징에 대해 알아보자.Scope : 단어자체의 의미는 '범위, 영역'프로그래밍에서는 변수를 참조할 수 있는 유효한 범위를 말한다. 또는 식별자가 유효한 범위. 식별자란 변수이름, 함수이름, 클래스 이름을 말한다. 스코프란 선언된 위치에 따라 유효범위가 결

2022년 12월 10일
·
0개의 댓글
·

(221210)Promise

비동기코드를 좀 더 깔끔하게 표현할 수 있는 함수이다. Heavy / Slow work를 좀 더 비동기적으로 처리할 수 있도록 도와줌.비동기적으로 수행하고난 결과값을 (끝난 이벤트를 ) 알려주는 Object.상태는 3가지.pending : 수행중fulfilled : 성

2022년 12월 10일
·
0개의 댓글
·

(221209)비동기 Async

callback, promise, async/awaitJavaScript Runtime Environment에는 항상 JS Engine이 탑재되어 있어서 Source Code를 실행할수 있다. 동적으로 객체를 생성하는 경우에 Memory Heap에 생성이 된다. Cal

2022년 12월 9일
·
0개의 댓글
·

(221209)set, map

Array : index 기반, 순서가 중요, 중복 가능set라는 자료구조 : 데이터의 집합체, index 없음, 순서 없음, 중복 불가

2022년 12월 9일
·
0개의 댓글
·

(221209) Iteration

반복, 순회의 의미JS 에서는 Iteration Protocol이라 부른다.Protocol이란 규격, 약속, 인터페이스Iteration Protocol을 따른다는 것은 순회가 가능하다고 말할수 있다.ex)for...of, spread 연산자이것이 가능한 자료구조는 Ar

2022년 12월 9일
·
0개의 댓글
·

(221208)Data Structure

클래스나 생성자 함수를 이용한 templete --> templete을 이용한 instance, object que형태 : 먼저 들어온 데이터를 먼저 처리자료구조 : 자료의 집합체배열 : 들어온 순서에 따라 index가 있다.

2022년 12월 8일
·
0개의 댓글
·