async2 async / await async, await은 프로미스를 기반으로 동작한다. 이 메서드를 사용하면 프로미스의 then, catch, finally 후속 처리 메서드에 콜백 함수를 전달하여 비동기 처리 결과를 후속 처리할 필요 없이 마치 동기 처리처럼 프로미스를 사용할 수 있다. async function fetchTodo() { const url = 'http://~~~~' const response = await fetch(url) const todo = await response.json() console.log(todo) } fetchTodo() async 함수 await 키워드는 반드시 async 함수 내부에서 사용해야 한다. async 함수는 언제나 프로미스를 반환한다. 명시적으로 반환하지 않더라도 암묵적으로 반환값.. 2020. 11. 27. 브라우저의 렌더링 HTML 파싱과 DOM 생성 브라우저의 요청에 의해 서버가 응답한 HTML 문서는 문자열로 이루어진 순수 텍스트다. 순수 텍스트인 HTML 문서를 브라우저에 시각적인 픽셀로 렌더링하려면 HTML 문서를 브라우저가 이해할 수 있는 자료구조로 변환하여 메모리에 저장해야 한다. 브라우저의 렌더링 엔진은 다음 그림과 같은 과정을 통해 응답받은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM (Document Object Model)을 생성한다. CSS 파싱과 CSSOM 생성 렌더링 엔진은 HTML을 처음부터 한 줄씩 순차적으로 파싱하여 DOM을 생성해나가는데 그 과정에 CSS를 로드하는 link 태그나 style 태그를 만나면 DOM 생성을 일시 중단한다. 그리고 link 태그의 href .. 2020. 11. 25. 이전 1 다음