반응형 공부기록81 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. 윈도우 알림 개발 with JAVA (feat. System Tray & StompSocket) 1. 윈도우 알림 개발의 필요성 요새는 앱 푸시/웹 푸시 등 알림 서비스가 보편화되어 있다. 그래서 그런지 윈도우 알림은 자주 쓰이진 않는 느낌? 하지만 나의 경우엔 아래 상황에서 사용자가 알림을 받을 수 있는 방법이 필요했다. 1. 웹 서비스이기 때문에 앱 없음. 2. 사용자가 웹에 항상 접속해 있지 않음. 3. 개발 언어는 JAVA로(왜? 내가 JAVA 개발자니까...) 물론 문자나 이메일 같은 방법도 있겠지만, 윈도우 알림을 사용해 보고 싶어서 만들게 되었다. 2. 서버/클라이언트 스펙 ** 서버 ** - Spring Boot 기반 어플리케이션 - Rest API로 사용자 메시지 수신 - stomp websocket 으로 사용자 메시지 websocket으로 전달 ** 클라이언트 ** - Spring.. 2024. 3. 14. [REACT] 렌더링 - 공식 문서랑 같이 공부하기 시리즈6 조건부 렌더링 컴포넌트 내부에 조건문으로 JSX를 동적으로 표현할 수 있다. (if문, 삼항 연산자, 논리 연산자 &&) if문 function Item({ name, isPacked }) { if (isPacked) { return {name} ✔; } return {name}; } export default function PackingList() { return ( Sally Ride's Packing List ); } 특정 조건일 땐 아무것도 반환하고 싶지 않다면 null 을 사용하면 된다. if (isPacked) { return null; } return {name}; 하지만 이 방법은 일반적이진 않는다. null 대신 조건부에서 제외시키는 방법으로 사용하는 것이 더욱 일반적이다. 삼항 연산자.. 2023. 11. 15. 이전 1 2 3 4 ··· 21 다음 728x90 반응형
