인파

You Can Become A

늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !

공부한 내용을 정리합니다
Language/JavaScript (WEB)

🌐 자바스크립트의 핵심 '비동기' 완벽 이해 ❗

자바스크립트의 동기와 비동기 자바스크립트는 싱글 스레드 언어이기 때문에 한 번에 하나의 작업만 수행할 수 있다. 즉, 이전 작업이 완료되어야 다음 작업을 수행할 수 있게 된다. 우리가 프로그래밍을 하면서 일반적으로 각 함수와 코드들이 위에서 아래로 차례로 동작하는 방식이라고 할 수 있다. 이러한 코드 순차 실행을 동기(Synchronous) 라고 부른다. 그런데 동기 방식은 간단하고 직관적이지만, 작업이 오래 걸리거나 응답이 늦어지는 경우에는 전체적인 성능과 사용자 경험에 영향을 줄 수 있다. 예를 들어 서버에 데이터를 요청하고 응답을 받아야 하는 작업이 있다면, 응답이 올 때까지 다른 작업을 하지 못하고 대기해야 한다. 이렇게 되면 프로그램의 흐름이 멈추거나 지연되게 된다. 따라서 자바스크립트로 여러 ..

category_image
인파_
2023.05.01
(0)
개발 지식/WEB 지식

🌐 웹의 비동기(Async) / 동기(Sync) 통신 정리

웹에서의 비동기와 동기 웹 개발을 하다보면 비동기(Async)와 동기(Sync)라는 용어를 자주 접하게 될 것이다. 이 두 용어는 웹에서 데이터를 주고받는 방식을 설명하는데 사용되는데, 동기(Sync)는 요청과 응답이 동시에 일어난다는 뜻이고, 비동기(Async)는 요청과 응답이 동시에 일어나지 않고 나중에 응답하는 것을 말한다. 그렇다면 왜 웹에서는 비동기와 동기라는 방식을 사용하는 걸까? 그리고 이 두 방식은 어떤 장단점이 있고, 어떤 상황에서 적절하게 사용할 수 있을까? ​동기 (Sync) 동기(Sync) 통신은 웹페이지를 새로고침하면서 데이터를 불러오는 방식이라고 보면 된다. 예를 들어, 네이버 메일에서 왼쪽 사이드바에 보낸메일함에서 받은메일함으로 바꾸면 메일 리스트 화면 전체가 다시 로딩되는 것..

category_image
인파_
2021.10.21
(0)