본문 바로가기

비동기2

[JS] 비동기 처리란?( +Promise, async&await ) 비동기 특정 코드의 연산이 끝날 때까지 코드의 실행이 멈추지 않고, 다음 코드를 먼저 실행하는 JS의 특성 Q. 비동기 객체를 사용하는 이유는? A. 화면에서 서버로 데이터를 요청했을 때 서버가 언제 그 요청에 답을 줄지 모르는데 계속 기다릴 수는 없음! 예를 들어 50개의 요청을 보내는 경우 동기 처리를 하게되면 코드를 "실행하고 기다리고" 과정이 반복되어 웹 애플리케이션 실행에 수십분이 걸리게 됨 Q. 동기와 비동기 특징은? A. 동기 는 동시에 여러 작업을 수행할 수 없음! 그러나 흐름을 예측하기 쉽고, 먼저 수행되고 나중에 수행되는 것들이 명확함 비동기 는 동시에 여러 작업을 수행할 수 있음! 그러나 흐름을 예측하기 어려움, 즉 무엇이 먼저 완료될 지 보장할 수 없음 흔한 비동기 사례 1. 제이쿼.. 2023. 3. 22.
[Ajax] ajax란? / response 응답데이터 Ajax 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발기법(비동기방식) 전체를 다시 로딩하지 않고, 웹페이지의 일부분만 갱신할 수 있음 동기방식 : 요청한 작업에 대해 관심을 가지고 기다리는 방식, 요청을 했을 때 시간이 많이 걸려도 결과를 기다림 비동기방식 : 요청한 작업에 대해 관심을 버리고 기다리지 않는 방식, 요청을 하고 다른일을 처리 Ajax의 장점 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신할 수 있음 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있음 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있음 백그라운드 영역에서 서버로 데이터를 보낼 수 있음 서버와 다양한 형태의 데이터를 주고받음 (JSON, XML, HTML, TEXT파일 등) Aja.. 2022. 9. 7.