# Web API
Intersection Observer API 가 뭔지 알아보기
Intersection Observer API는 개인 프로젝트를 천천히 하는중 알게된 API인데 워낙 이해하기 어렵지만 기록하고자한다.Intersection Observer API는 타겟 요소와 최상위 요소의 ViewPort 사이의 교차 발생을 비동기 적으로 관찰하는
W3 - 이론정리 | Event Loop
자바스크립트는 이벤트 루프를 사용해서 동시성(concurrency)을 지원한다고 한다. 그런데 잠깐! 자바스크립트는 싱글 스레드 아닌가? 맞다. 자바스크립트가 작업 중단되지 않고 동시에 다양한 작업을 할 수 있도록 지원하는 건 브라우저다.
W1 - 기술정리 | Intersection Observer
Intersection Observer API는 target element와 ancestor element 또는 top-level document's viewport 사이의 교차지점(intersection)의 변화를 비동기적으로 관찰(observe)하는 기능을 제공한다
wecode 2차 프로젝트 Your House Today/ #2-1 글쓰기( Posting)/ 카테고리 드롭다운/ 이미지업로드
4이번 오늘의집 클론 프로젝트에서는 커뮤니티 기능을 집중 구현하기로 하였고 그중 핵심 기능인 글쓰기 Posting 기능이다!카테고리를 선택한후 사용자는 사진을 업로드하고 간단한 메세지와 함께 게시글을 올리게된다.오늘의집 카테고리 선택 UI기존 오늘의집 카테고리 UI를
[React/Web API] IntersectionObserver
프로젝트 중 만나게 된 useRef와 IntersectionObserver 정리하기 🍋✨⚡
[React/Web API] useRef (+scrollIntoView)
프로젝트 중 만나게 된 useRef와 IntersectionObserver 정리하기 🍋✨⚡
Screen Capture API
Screen Capture API를 통해 화면 또는 화면의 일부를 선택하고 미디어 스트림으로 캡쳐할 수 있다.getDisplayMedia의 옵션은 MediaStreamConstraints 객체로 audio, video 옵션을 각각 지정할 수 있다. audio, vide
Resize Observer API
Resize Observer API는 요소의 크기 변화를 감지하고 콜백을 실행한다. 기존에는 Viewport 크기 변화는 window의 resize 이벤트 또는 window.matchMedia로 감지할 수 있지만 요소의 크기 변화를 직접적으로 감지할 수 있는 방법은 없
MutationObserver
MutationObserver는 DOM 변경 감시를 제공한다. DOM을 감시하다가 child 노드들이나 attributes, data 등이 변경되면 콜백을 실행한다. 예를 들면 prefers-color-scheme 미디어쿼리가 안 먹는 브라우저 에서 다크모드를 적용하려
Intersection Observer API
Intersection Observer API는 타겟 요소와 상위 요소 or 최상위 Document의 Viewport 사이의 교차점 내의 변화를 비동기적으로 관찰하는 방법이다. 페이지 스크롤에 의한 lazy loading, 무한 스크롤, 스크롤에 따라 강조되는 tabl
(JS) 자바스크립트 작동 원리 (Event Loop / Call Stack / WEb API / Callback Queue)
자바스크립트는 싱글 스레드로 구동된다. 하지만 보다 자세하게 들여다보면, 이벤트 루프의 감시 하에 유기적으로 작동된다.
.png?w=768)
TIL. React - Basic 개념 정리(6)
👩🏻💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. fetch web API웹 API 중에 하나인 fetch를 사용하면 간단하게 네트워크 통신이 가능했다. 하지만 fetch를 사용할 때마다 url을 qu
Web API 참고사이트
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Introductionhttps://developer.mozilla.org/en-US/docs/Web/APIh
Swagger-ui 확인 및 기능 테스트
CalculatorService.javaWeb API 클래스 작성2-1. CalculatorResult.java2-2. CalculatorApiController.javaWeb API 실행http://localhost:8080/calculator/api/cal
Swagger 개요 및 설정
Directory 구조pom.xmlWebInitializer.javaApplicationConfig.javaMvcConfig.javareferenceSwagger 개요 - https://www.boostcourse.org/web326/lecture/58988S