자바스크립트 2

[드림코딩]자바스크립트 기초 정리 ⑨ 프로미스 Promise 개념 및 활용

Promise 프로미스란? 자바스크립트서 제공하는 비동기 간편하게 처리 가능하게 하는 오브젝트이다 정해진 장시간의 기능을 수행하고 정상적으로 수행됐다면 성공의 메시지와 처리된 결괏값 전달해주고 만약 예상치 못한 문제 발생하면 에러를 전달해준다 드림코딩에서 새로운 강의를 런치할때 미리 수강생을 받기로 했다 (이메일을 통해서 미리 등록받는 시스템) 그래서 한 사람이 등록을 완료하면 몇시간, 며칠 뒤 코스 오픈하면 바로 메일로 공지가 발송된다 이는 준비되기 전 미리 등록해놔서 수업이 완료되자마자 공지를 받은 것이다. 이미 오픈 된 뒤에 다른사람이 강의 신청하면 이미 수업이 오픈되어있어서 기다릴 필요 없이 바로 메일 공지를 받고 바로 수업에 참여가 가능하다. 콜백을 쓰지않고 프로미스 오브젝트를 통해 비동기 코드..

IT 2021.06.24

script 로딩방법 - async와 defer의 차이와 장단점

html 문서에서 src 속성의 외부 스크립트 script 를 로딩 할 때 다양한 방법이 존재한다. 오늘은 상황에 따라서 어떻게 script를 불러와야 효율적인지 각각의 방법과 그 특징에 대해서 알아보자! 1. 에 를 별다른 조건 없이 넣는 경우 스크립트가 모두 로딩 된 후에서야 사용자들은 스크립트 밑의 페이지를 볼 수 있는데 만약 스크립트의 용량이 크다면 로딩 시간이 오래 걸릴 것이고, 그 시간 동안은 페이지 자체를 막아버리기 때문에 (자바스크립트의 기본 옵션은? 동기처리이다! ) 스크립트에서 DOM 요소에 접근이 불가능해진다. 실행 흐름을 보면, 브라우저가 html 문서를 위에서부터 아래로 쭉 읽는데 여기서 script를 만나면 바로 script 안의 내용을 한 줄 한 줄 해석하기 시작한다. 하지만 ..

IT 2021.06.14
반응형