# Web API

40개의 포스트
post-thumbnail

자바스크립트의 콜백과 비동기 처리

콜백과 비동기 처리의 존재 이유, 그리고 자바스크립트에서의 동작 원리에 대하여

2021년 12월 26일
·
0개의 댓글
post-thumbnail

[Dev] Event Loop, Web API, Task Queue, Call Stack

프로그래밍에 있어서 기본적인 흐름을 파악하기 위해 꼭 알아두어야 할 것들을 정리해 보려고 한다.event loop란 Callback Event Loop에서 하나씩 꺼내서 실행시키는 동작을 말한다. 코드를 실행하면 Stack에 처리해야할 이벤트가 쌓이게 되고 비동기 작업

2021년 12월 12일
·
0개의 댓글
post-thumbnail

TIL | JavaScript (Event Loop, Web API, Task Queue, Call Stack)

call stack : 현재 실행 중인 함수의 정보를 저장하고 있는 메모리 공간web API : 브라우저가 제공하는 API, setTimeout() alert() 등을 담당task queue : 실행이 필요한 작업 아이템을 지니고 있는 큐event loop : call

2021년 12월 12일
·
0개의 댓글
post-thumbnail

TIL#42 JS) Event Loop

이벤트 루프란 Callback Event Queue 에서 하나씩 꺼내서 동작시키는 Loop 를 말한다.자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다. 가장 유명한 것이 구글의 V8 Engine이다.자바스크립트는 단일 스레드(sing

2021년 12월 11일
·
0개의 댓글
post-thumbnail

이벤트 루프.. 루돌프..

※ 자바스크립트 비동기에 대한 내용입니다.

2021년 11월 23일
·
0개의 댓글
post-thumbnail

⭐️ JavaScript 엔진 & Event Loop

🔎 많이 어렵다던 event loop.. 필립 로버츠 형 강의를 보고 내 것으로 만들어 보겠다..coming soon..

2021년 11월 8일
·
0개의 댓글

모던 자바스크립트 Deep Dive - 42장

자바스크립트의 동작 원리와 개념들에 대한 정리

2021년 10월 19일
·
0개의 댓글
post-thumbnail

Intersection Observer API 가 뭔지 알아보기

Intersection Observer API는 개인 프로젝트를 천천히 하는중 알게된 API인데 워낙 이해하기 어렵지만 기록하고자한다.Intersection Observer API는 타겟 요소와 최상위 요소의 ViewPort 사이의 교차 발생을 비동기 적으로 관찰하는

2021년 8월 16일
·
0개의 댓글
post-thumbnail

[POB#20] 이벤트 루프 ( 자바스크립트 동작 원리 )

이벤트 루프 ( 자바스크립트 동작 원리 ) 정리 글입니다.

2021년 8월 14일
·
0개의 댓글
post-thumbnail

W3 - 이론정리 | Event Loop

자바스크립트는 이벤트 루프를 사용해서 동시성(concurrency)을 지원한다고 한다. 그런데 잠깐! 자바스크립트는 싱글 스레드 아닌가? 맞다. 자바스크립트가 작업 중단되지 않고 동시에 다양한 작업을 할 수 있도록 지원하는 건 브라우저다.

2021년 8월 13일
·
0개의 댓글
post-thumbnail

W1 - 기술정리 | Intersection Observer

Intersection Observer API는 target element와 ancestor element 또는 top-level document's viewport 사이 교차지점(intersection)의 변화를 비동기적으로 관찰(observe)하는 기능을 제공한다.

2021년 7월 28일
·
0개의 댓글
post-thumbnail

Your House Today/ #2 글쓰기( Posting)/ 카테고리 드롭다운/ 이미지업로드

4이번 오늘의집 클론 프로젝트에서는 커뮤니티 기능을 집중 구현하기로 하였고 그중 핵심 기능인 글쓰기 Posting 기능이다!카테고리를 선택한후 사용자는 사진을 업로드하고 간단한 메세지와 함께 게시글을 올리게된다.오늘의집 카테고리 선택 UI기존 오늘의집 카테고리 UI를

2021년 7월 4일
·
0개의 댓글
post-thumbnail

[Web API] FileReader & FormData

이미지 업로드 & 미리보기 & 서버에 전송하기!

2021년 6월 6일
·
0개의 댓글
post-thumbnail

[React/Web API] IntersectionObserver

프로젝트 중 만나게 된 useRef와 IntersectionObserver 정리하기 🍋✨⚡

2021년 5월 30일
·
4개의 댓글
post-thumbnail

[React/Web API] useRef (+scrollIntoView)

프로젝트 중 만나게 된 useRef와 IntersectionObserver 정리하기 🍋✨⚡

2021년 5월 30일
·
0개의 댓글

Screen Capture API

Screen Capture API를 통해 화면 또는 화면의 일부를 선택하고 미디어 스트림으로 캡쳐할 수 있다.getDisplayMedia의 옵션은 MediaStreamConstraints 객체로 audio, video 옵션을 각각 지정할 수 있다. audio, vide

2021년 3월 13일
·
0개의 댓글

Resize Observer API

Resize Observer API는 요소의 크기 변화를 감지하고 콜백을 실행한다. 기존에는 Viewport 크기 변화는 window의 resize 이벤트 또는 window.matchMedia로 감지할 수 있지만 요소의 크기 변화를 직접적으로 감지할 수 있는 방법은 없

2021년 3월 13일
·
0개의 댓글

MutationObserver

MutationObserver는 DOM 변경 감시를 제공한다. DOM을 감시하다가 child 노드들이나 attributes, data 등이 변경되면 콜백을 실행한다. 예를 들면 prefers-color-scheme 미디어쿼리가 안 먹는 브라우저 에서 다크모드를 적용하려

2021년 3월 13일
·
0개의 댓글
post-thumbnail

Intersection Observer API

Intersection Observer API는 타겟 요소와 상위 요소 or 최상위 Document의 Viewport 사이의 교차점 내의 변화를 비동기적으로 관찰하는 방법이다. 페이지 스크롤에 의한 lazy loading, 무한 스크롤, 스크롤에 따라 강조되는 tabl

2021년 3월 13일
·
0개의 댓글