#2 비동기적인 자바스크립트 실행 목차 동기적 자바스크립트 비동기적 자바스크립트 비동기 코드스타일1 - 콜백 비동기 코드스타일2 -프로미스 코드의 동기/비동기적 실행 선택 #1. 동기적 자바스크립트 비동기적인 자바스크립트를 이해하려면 동기적인 자바스크립트가 무엇인지 알아야 한다. 앞선 게시글을 보았다면 자바스크립트가 싱글 쓰레드라는 것을 알게 되었을 것이다. 싱글쓰레드, 동기적 코드 실행이 어떤 의미인지 예제와 함께 살펴 보자 const btn = document.querySelector('button'); btn.addEventListener('click', () => { alert('ok를 눌러야만 다음 화면을 보여드려요'); let p = document.createElement('p'); p.textContent = 'ok를 눌렀.. 2022. 3. 7. # 1 비동기 프로그래밍 개념 목차 코드의 동기적 실행과 비동기 개념 blocking 현상 쓰레드 자바스크립트는 싱글쓰레드이다. 비동기적 코드 # 1. 코드의 동기적 실행과 비동기 개념 일반적으로, 프로그램 코드는 좌측 상단에서 부터 순차적으로 실행되며, 한번에 하나씩 실행된다. (코드의 동기적 실행) 만약 어떤 함수가 다른 함수의 결과에 의존하게 된다면, 그 함수는 다른 함수가 끝나고 결과가 반환될 때까지 기다려야 할 것이다. 또한 유저의 관점에서 그동안은 모든 프로그램 동작이 멈춘 것처럼 보일 것이다. 이러한 당황스러운 경험에 대한 대안으로 비동기 프로그래밍이라는 개념이 있다. 컴퓨터 사용에서, 비동기라는 단어는 두개의 주요 맥락에서 사용된다. #1-1. Networking과 통신 비동기 통신은 메세지를 받은 후 즉시 처리가 아닌.. 2022. 3. 7. 이전 1 다음