반응형 공부기록/HTML,CSS,JS,JQUERY3 Fetch vs. Ajax 차이점 JavaScript에서 비동기적으로 데이터를 불러올 때 자주 사용되는 두 가지 방법인 `fetch`와 `jQuery.ajax`는 몇 가지 중요한 차이점이 있다.### Fetch API1. 기본 제공: `fetch`는 최신 브라우저에서 기본적으로 제공되는 네이티브 JavaScript API다. 추가 라이브러리 없이 사용할 수 있는 게 장점이라면 장점!2. Promise 기반: Promise 기반으로 설계되었다고 한다. 따라서 비동기 작업을 처리하기 위해 `then`, `catch` 및 `finally` 메서드를 사용한다.3. 간단하고 현대적인 문법: 간결하고 직관적인 문법을 제공하며, async/await와 함께 사용할 때 더욱 가독성이 좋다.4. 자동 JSON 변환 없음: 기본적으로 응답을 JSON으로 .. 2024. 5. 17. [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. 해결하기. 웹 브라우저에서의 성능 관련 경고 메시지 해결하기 경고 메시지 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 Console 창에 나타나는 [Violation] 메시지는 Chrome 또는 다른 웹 브라우저에서 성능 관련 경고다. 이러한 경고는 '오류'를 나타내는 것이 아니라, 애플리케이션의 성능을 개선할 수 있도록 도와주는 '경고 메시지'라고 보면 된다. 위 경.. 2024. 3. 28. HTML 특정 엘리먼트 내 좌표값 구하기 전체 화면에서 사용자가 클릭 또는 터치한 위치 좌표를 구하기는 비교적 간단하다. $("#photo").on("touchstart", function(e){ clientX = e.originalEvent.touches[0].clientX; clientY = e.originalEvent.touches[0].clientY; } 특정 엘리먼트 내 좌표를 구하는 방법은 아래와 같다. $("#frame").on("touchstart", function(e){ //페이지 내에서 터치한 이미지 위치 구하기 var br = document.getElementById("photo").getBoundingClientRect(); //이미지 내 터치한 x,y 좌표 구하기 clientX = e.originalEvent.touc.. 2022. 7. 14. 이전 1 다음 728x90 반응형
