# Web API

24개의 포스트

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개의 댓글

Web API 테스트 코드 작성

Web API를 많이 작성하다보면 웹 어플리케이션을 실행하고 브라우저를 열어서 테스트할 URI를 입력하고 다시 코드를 작성하고 웹 어플리케이션을 재시작하고 등을 반복하게 된다.Web API를 실행하는 시간보다 웹 어플리케이션을 실행하고 종료하는 시간이 더 오래걸리는 상

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

RestController를 이용한 Web API 작성

레이어드 아키텍처(Layered Architecture) 실습5에서 이어짐GuestbookApiController.java 작성Rest API를 테스트 하기 위한 클라이언트 tool - 구글 확장 프로그램 Talend API Tester 사용SCHEME :// HOST

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

RestController 개념

Spring 4 에서 Rest API 또는 Web API를 개발하기 위해 등장한 애너테이션이다.이전 버전의 @Controller와 @ResponseBody를 포함한다.자바 객체와 HTTP 요청 / 응답 바디를 변환하는 역할@ResponseBody, @RequestBod

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

WEB API 실습3

Directory 구조 - Spring MVC를 이용한 웹 페이지 작성 4 프로젝트에서 이어짐 PlusResult.java 생성PlusApiController.java 생성pom.xml - jackson 라이브러리 추가DispathcerServlet은 컨트롤러 메소드를

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

WEB API 실습2

Directory 구조RoleDao.java 수정RoleByIdServlet.java - servlet 파일 추가결과

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

WEB API 실습1

Directory 구조Role.java 추가 (DTO)RoleDao.java 추가 (DAO)RolesServlet.java 생성결과IE가 안되서(다운로드 페이지로 이동) Chrome으로 Use external web browser 해서 실행했다.

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

[JavaScript] Runtime - Single Thread?

JavaScript는 정말 single thread일까? 어떻게 멀티태스킹이 가능한 것일까?

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

[JS] 자바스크립트 동작 원리(콜 스택, 콜백 큐, 이벤트 루프)

자바스크립트는 단일 스레드 기반 자바스크립트는 단일 스레드, 동시에 하나의 작업만을 처리할 수 있다고 한다. 그러나 여러 작업이 동시에 처리되는 것 같은데 어떻게 동시성을 지원하는 걸까? 자바스크립트 엔진 V8의 구조는 위와 같다. Memory Heap:

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

이벤트 루프

'어떻게 자바스크립트는 싱글스레드이면서 비동기인걸까?'에 대한 짧은 답은 자바스크립트 언어는 싱글스레드이고 비동기 행위들은 엄밀히 말하면 자바스크립트 언어 그 자체의 일부는 아니다.오히려 비동기 행위는 브라우저 내부(혹은 프로그래밍 환경)에 존재하는 자바스크립트 언어의

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

Intersection Observer API

infinite scroll을 구현(지정된 개수의 컨텐츠만큼 스크롤이 끝에 도달하면 다음 컨텐츠를 로딩)하려던 중 발견한 Intersection Observer API..! 1. Intersection Observer API? 아래는 MDN에서 Intersectio

2020년 10월 15일
·
0개의 댓글
post-thumbnail

[TIL] 2020/08/22

Today, I Learned 먼저, 오늘은 웹 브라우저에서 자바스크립트 엔진이(크롬의 경우 V8) 어떤 식으로 구성되어있고, 어떻게 실행되는지를 공부했다.먼저, 자바스크립트 엔진의 구성요소는 memory heap과 call stack이고, 이 call stack

2020년 8월 22일
·
0개의 댓글