일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 프로미스
- 비동기 프로그래밍
- Ref로 DOM 다루기
- Ref로 값 참조하기
- 모듈
- DEEPDIVE
- 스프레드 문법
- 표현식과 문
- 브라우저의 렌더링 과정
- 제너레이터
- Set과 Map
- ES6 함수의 추가 기능
- 싸피
- Deep Dive
- async
- 에러 처리
- 클로저
- 배열
- await
- 데이터 타입
- BETA
- 개발 환경 구축
- rest api
- Strict Mode
- 이터러블
- REACT
- js
- Escape Hatches
- 디스트럭처링 할당
- 코어JS
- Today
- Total
목록JavaScript (50)
코딩을 쉽게 해보자
1. 동기 처리와 비동기 처리 실행 컨택스트 스택에 함수 실행 컨텍스트가 푸시되는 것은 바로 함수 실행의 시작을 의미한다. 함수의 실행 순서는 실행 컨텍스트 스택으로 관리한다. JS 엔진은 단 하나의 실행 컨텍스트 스택을 갖는다. 함수를 실행할 수 있는 창구가 단 하나이며, 동시에 2개 이상의 함수를 동시에 실행할 수 없다는 것을 의미한다. JS 엔진은 싱글 스레드 방식으로 동작한다. 한번에 하나의 태스크만 실행할 수 있기 때문에 처리에 시간이 걸리는 태스크를 실행하는 경우 블로킹(작업 중단)이 발생한다. function sleep(func, delay) { const delayUntil = Date.now() + delay; while (Date.now() < delayUntil); func(); } ..
1. 호출 스케줄링 함수를 명시적으로 호출하면 함수가 즉시 실행된다. 만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용한다. 이를 호출 스케줄링이라 한다. JS는 타이머를 생성할 수 있는 타이머 함수 setTimeout과 setInterval, 타이머를 제거할 수 있는 타이머 함수 clearTimeout과 clearInterval을 제공한다. JS 엔진은 단 하나의 실행 컨텍스트 스택을 갖기 때문에 두 가지 이상의 태스크를 동시에 실행할 수 없다. 즉, JS엔진은 싱글 스레드로 동작한다. 이러한 이유로 setTimeout과 setInterval은 비동기 처리 방식으로 동작한다. 2. 타이머 함수 2-1. setTimeout / clear..
1. 이벤트 드리븐 프로그래밍 이벤트 핸들러: 이벤트가 발생했을 때 호출될 함수 이벤트 핸들러 등록: 이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것 이벤트와 그에 대응하는 함수(이벤트 핸들러)를 통해 사용자와 애플리케이션은 상호작용을 할 수 있다. 이와 같이 프로그램의 흐름을 이벤트 중심으로 제어하는 프로그래밍 방식을 이벤트 드리븐 프로그래밍이라 한다. 2. 이벤트 타입 이벤트 타입은 이벤트의 종류를 나타내는 문자열이다. 3. 이벤트 핸들러 등록 이벤트 핸들러는 이벤트가 발생했을 때 브라우저에 호출을 위임한 함수 즉, 이벤트가 발생하면 브라우저에 의해 호출될 함수가 이벤트 핸들러다. 이벤트 핸들러를 등록하는 방법은 3가지가 있다. 3-1. 이벤트 핸들러 어트리뷰트 방식 3-2. 이..
브라우저의 렌더링 엔진은 HTMl 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. 1. 노드 1-1. HTML 요소와 노드 객체 HTML 요소는 HTML 문서를 구성하는 개별적인 요소를 의미한다. HTML 요소 간에는 중첩 관계에 의해 계층적인 부자관계가 형성된다. 이러한 HTML 요소간의 부자 관계를 반영하여 HTML 문서의 구성 요소인 HTML 요소를 객체화한 모든 노드 객체들을 트리 자료 구조로 구성한다. 트리 자료구조 트리 자료구조는 노드들의 계층 구조로 이뤄진다. 노드 객체들로 구성된 트리 자료구조를 DOM이라 한다. 1-2. 노드 객체..