Ajax, Fetch의 동기 및 비동기 방식 알아보기

안녕하세요. 오늘은 웹 개발자들 사이에서 꾸준한 관심을 받고 있는 두 가지 웹 통신 기술, AJAX와 Fetch를 예제를 통해 비교해 볼 거예요. 이 두 기술은 서버와 통신하는 데 있어 각각 동기와 비동기 방식을 지원하는데요. 이번 포스팅에서는 서로의 차이를 살펴보고, 다양한 호출법에 대해 예제를 통해 알아보도록 하겠습니다. ​ 동기(Sync) 방식은 코드가 순차적으로 실행되며, 요청이 완료될 때까지 다음 작업이 대기하는 방식이에요. 이 방식은 코드가 직관적이지만, 요청에 시간이 걸릴 경우 애플리케이션의 성능이 저하될 수 있죠. 동기 방식은 AJAX를 사용해 구현할 수 있습니다. ​ 비동기(Async) 방식은 코드가 병렬로 실행되며, 요청이 완료되기 전에 다음 작업을 처리할 수 있는 방식이에요. 이 방식..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 6. 11.
• textsms

자바스크립트 클로저(Closure)와 Fetch를 사용한 비동기 처리

안녕하세요. 이번 시간에는 자바스크립트에서 비동기 처리를 위해 자주 활용되는 클로저(closure), AJAX, Fetch에 대해 다뤄보려고 해요. 이 함수들은 모던 웹 개발에서 많이 사용되는 기능 중 하나이기 때문에 알아두면 유용하게 활용하실 수 있어요! 먼저 개념부터 하나하나 알아볼게요. ​ 1. 클로저 - Closure 클로저란, 함수가 선언될 당시의 *환경을 기억하을 하는 기능을 말해요. 자바스크립트에서는 함수가 호출될 때마다 새로운 환경이 생성되는데, 이 환경은 함수 내부의 변수와 함수 매개변수, 그리고 외부에서 전달된 인자 등을 포함하죠. 하지만, 함수 내부에서 선언된 변수는 외부에서 접근할 수 없어요. ​ 이때, 클로저를 사용하면 함수 내부에서 선언한 변수에 접근할 수 있답니다. 이렇게 외부..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 6. 5.
• textsms