비동기4 JavaScript async/await 기능 JavaScript 는 싱글 스레드로 작동하기 때문에, 비동기 처리를 통해 사용자 겨엄을 향상시키는 것이 중요하다. 이전에는 callback 이나 Promise를 사용해서 비동기 처리를 다뤘지만, 이러한 방식은 코드의 가독성을 떨어뜨리는 문제가 있다. async/await는 비동기 코드를 동기 코드처럼 작성할 수 있게 하여 코드의 가독성을 높이고, 디버깅을 쉽게 만들어 준다. async/await 의 기본원리async : 키워드를 함수 앞에 붙이면 그 함수는 항상 Promise를 반환한다.await : 키워드는 Promise가 처리될 때까지 기다렸다가 결과 값을 반환한다. async 함수 선언 및 사용법async function fetchData() { const response = await fet.. 2024. 11. 10. JavaScript Promise에 대해서 JavaScript 의 Promise는 비동기 작업의 완료, 실패를 나타내는 객체이다. Promise의 상태대기(pending): 초기 상태, 이행도 거부도 되지 않은 상태이행(fulfilled): 비동기 작업이 성공적으로 완료된 상태거부(rejected): 비동기 작업이 실패한 상태 Promise의 기본 사용법const myPromise = new Promise((resolve, reject) => { // 비동기 작업 수행 let success = true; // 예를 위한 조건 if (success) { resolve("작업 성공"); } else { reject("작업 실패"); }}); Promise의 메서드then() : Promise .. 2024. 11. 9. Cron을 이용한 Scheduling 방법 Spring Framework 에서 일정한 시간 간격으로 작업을 수행하기 위해 스케쥴링 기능을 사용할 수 있다.그 중에서도 Cron 표현식을 이용한 스케쥴링은 작업시간을 유연하게 지정할 수 있어서 많이 활용된다.1. Spring 에서 스케줄링 활성화Spring 에서 스케줄링 기능을 사용하려면 먼저 @EnableScheduling 어노테이션을 통해 스케쥴링 기능을 활성화 해야 한다. 이 어노테이션은 보통 @Configuration 클래스에 추가 된다.import org.springframework.context.annotation.Configuration;import org.springframework.scheduling.annotation.EnableScheduling;@Configuration@Enab.. 2024. 8. 19. AJAX 란 ? AJAX (Asynchronous JavaScript and XML) 란?에이잭스, 아작스 등등 여러 이름으로 불린다. 웹 애플리케이션에서 비동기적으로 서버와 데이터를 주고받을 수 있도록 도와주는 기술 전체 페이지를 새로 고치지 않고도 서버에서 데이터를 받아와서 웹 페이지의 일부분을 업데이트할 수 있다.우선 좀 자세하게 들어가 보자면AJAX의 구성요소XMLHttpRequest 객체: 이 객체를 사용하여 서버와 비동기적으로 데이터를 주고 받음.서버: 데이터를 제공JavaScript: XMLHttpRequest 객체를 생성하고 조작하는 데 사용데이터포맷: JSON, XML, HTML 등 다양한 형식의 데이터를 주고 받을 수 있음동작 원리XMLHttpRequest 객체 생성설정전송응답이렇게 된다. 코드로 보면.. 2024. 7. 24. 이전 1 다음 728x90 반응형 LIST