Web

# 프로세스와쓰레드 프로세스(Process)란? 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 쓰레드(Thread)란? 어떠한 프로그램 내에서, 특히 프로세스 내에서 실행되는 흐름의 단위 보통 하나의 쓰레드를 가짐 여러개의 쓰레드를 동시에 실행할 수 도 있음 - multithread 한 프로세스 안에서 code, data, heap을 공유함 메모리 구성 : code, data, heap, stack # 동기 처리 함수호출 → 실행컨텍스트 생성 실행컨텍스트는 콜스택에 추가(push) 되고 종료 후 제거(pop) 됨 콜스택(Call Stack) : LIFO(Last In First Out) 라고 부르는 자료구조, 제일 나중에 들어온것이 제일 처음으로 나간다는 뜻 자바스크립트는 단하나의 콜스택을 가짐 (..

#개발자라면 알아야 할 이벤트 이벤트란? ☞ 여러가지 일들을 각각의 상황의 맞게 처리할 수 있는 메뉴얼 같은것 ​ event handler = event listener = event 콜백함수 addEventListener() onclick 을 쓸수도 있으나 지금은 잘 쓰지 않음 ​ 알아둬야 할 이벤트 load change mouseleave scroll submit mouseup resize click keydown blur mousedown keyup focus mouseenter - dbclick 버그가 많아서 잘 쓰지않음 ​ #이벤트플로우(event flow) 프론트엔드 개발자가 목표라면 이벤트에는 어떤 종류가 있고 어떻게 사용하는지 아는것 뿐만 아니라 이벤트가 어떻게 작동하고 있는지 알고 있어야..

#DOM 이란? 브라우저의 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. Chapter 1 - Node Overview HTML 요소는 DOM을 구성하는 요소 노드 객체로 변환됨 요소간 중첩관계에 의해 부자관계 형성 DOM은 HTML 문서의 계층적 구조와 정보를 표현 노드 객체의 종류, 즉 노드 타입에 따라 필요한 기능을 프로퍼티와 메서드의 집합인 DOM API로 제공 DOM API를 통해 HTML의 구조나 내용 또는 스타일 등을 동적으로 조작 가능 문자열인 HTML을 자바스크립트가 이해할 수 있는 형태로 바꾸는것 → PA..

파싱(parsing) : 문법에 맞게 작성된 문서를 읽어 들여 실행하기 위해 텍스트 문서의 문자열을 토근(token, 문법적으로 더는 나눌 수 없는 코드의 기본 요소)으로 분해하고, 토큰에 문법적의미와 구조를 반영하여 트리 구조의 자료구조인 파스트리를 생성하는 일련의 과정 렌더링(rendering) : HTML, CSS, JS로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것 렌더링 과정 필요한 리소스를 요청 서버로부터 응답 응답받은 HTML, CSS를 파싱하여 DOM, CSSOM을 생성 결합하여(DOM + CSSOM) 렌더트리 생성 렌더트리를 기반으로 HTML 요소의 레이아웃(위치와 크기) 계산 브라우저 화면에 HTML요소 페인팅 # 요청과 응답 서버에 요청을 전송하기 위해 브라우저는 주소창을..