# Web API

35개의 포스트
post-thumbnail

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

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

2021년 11월 23일
·
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

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

wecode 2차 프로젝트 Your House Today/ #2-1 글쓰기( 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개의 댓글

(JS) 자바스크립트 작동 원리 (Event Loop / Call Stack / WEb API / Callback Queue)

자바스크립트는 싱글 스레드로 구동된다. 하지만 보다 자세하게 들여다보면, 이벤트 루프의 감시 하에 유기적으로 작동된다.

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

TIL. React - Basic 개념 정리(6)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. fetch web API웹 API 중에 하나인 fetch를 사용하면 간단하게 네트워크 통신이 가능했다. 하지만 fetch를 사용할 때마다 url을 qu

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

Web API 참고사이트

https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Introductionhttps://developer.mozilla.org/en-US/docs/Web/APIh

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

Swagger-ui 확인 및 기능 테스트

CalculatorService.javaWeb API 클래스 작성2-1. CalculatorResult.java2-2. CalculatorApiController.javaWeb API 실행http://localhost:8080/calculator/api/cal

2021년 1월 28일
·
0개의 댓글

Swagger 개요 및 설정

Directory 구조pom.xmlWebInitializer.javaApplicationConfig.javaMvcConfig.javareferenceSwagger 개요 - https://www.boostcourse.org/web326/lecture/58988S

2021년 1월 28일
·
0개의 댓글