callback3 [JavaScript] 자바스크립트 비동기 처리 원문 : ⭐️🎀 JavaScript Visualized: Promises & Async/AwaitJS 코드를 다루면서 예상대로 동작하지 않은 적이 있나요? 아마 함수가 무작위로 예상되지 않는 시간에 실행되거나 실행이 지연되었을 겁니다.ES6에서 도입된 Promise는 이런 일을 다룰 새롭고 멋진 기능입니다!수 년전의 고민이 해결되고 잠 못 이루는 밤은 다시 한 번 애니메이션을 만들 시간을 주었습니다. 왜 Promise를 사용해야 하고, 어떻게 동작하며, 어떻게 가장 현대적인 방식으로 사용할 수 있을까요?만약 자바스크립트 이벤트 루프에 관한 이전 게시물을 읽지 않았다면, 먼저 읽어보는게 도움이 될겁니다.콜스택, 웹 API, 큐에 대한 기본적인 지식을 바탕으로 이벤트 루프에 대해 다시 한 번 다룰 예정입니.. 2023. 3. 13. [jQuery] JQuery를 이용한 AJAX통신 AJAX란 무엇인가?자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.비동기 방식이란?웹페이지를 리로드 하지 않고 데이터를 불러오는 방식웹페이지에서 기타 코드들을 요청할 경우, 웹 페이지를 리로드 하면서 불필요한 리소스가 낭비 되는데, 비동기 방식을 이용하면 필요한 데이터만 불러오면서 리소스 낭비를 줄일 수 있다.AJAX는 XMLHttpRequest 객체를 통해 서버에 request 한다.JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다. AJAX의 장점웹페이지 속도향상서버의 처리가 완료될 때까지 기다리지 않고 처리 가능기존 웹에서 불가능했던 UI를 가능하게 해줌.. 2023. 3. 10. [JavaScript] 자바스크립트 비동기 처리와 콜백 함수(callback, promise, async/await) 목차들어가며비동기 처리? 그게 뭔가요?비동기 처리의 첫 번째 사례비동기 처리의 두 번째 사례콜백 함수로 비동기 처리 방식의 문제점 해결하기비유로 이해하는 콜백 함수 동작 방식콜백 지옥콜백 지옥을 해결하는 방법마무리글보다 더 쉽게 배우는 온라인 강좌이해가 잘 안되시나요? 방송에서 직접 물어보세요 :)[Javascript] 비동기, Promise, async, await 확실하게 이해하기들어가며얼마 전 수강생 한 분에게 Promise에 대해서 잘 설명된 글이나 예제 코드를 공유해달라고 요청받았습니다. 영어로는 잘 정리된 글이 많은데 한글로 쉽게 설명된 글을 찾아드리려고 하니 생각보다 자료가 많지 않더라구요. 그래서 Promise를 정리하기 위해 글을 쓰기 시작했습니다.‘Promise는 자바스크립트 비동기 처.. 2023. 3. 10. 이전 1 다음 728x90 반응형
