async (2) 썸네일형 리스트형 [번역] Introduction to Promises in JavaScript 자바스크립트에서의 promise 소개 What is a Promise 프로미스란 무엇인가? 자바스크립트에서의 promise는 우리의 삶에서 하는 약속과 같이 미래에 일어날 일을 참조합니다. promise는 비동기 작업들을 처리하는데 사용되어지며, 다음과 같은 세가지 가능한 상태가 있습니다. Pending(Initial State) 대기 : 이행하거나 거부되지 않은 초기 상태 Fulfilled(Successful) 이행 : 연산이 성공적으로 완료 Rejected(Failed) 거부 : 연산이 실패 promise 객체를 만들 때 상태는 fulfilled(이행)나 rejected(거부)가 되기 전까지 pending(대기)입니다. 만약 비동기 처리가 성공적으로 완료된다면 프로미스는 pending 상태에서 fulfilled 상태로 변화하며 비동기 처.. 모든 자바스크립트 파일을 브라우저에서 한 번에 로딩 할 때의 문제점과 그 해결([번역]How to load JavaScript properly) 모든 자바스크립트 파일을 브라우저에서 한 번에 로딩 할 때의 문제점이라는 질문에 대한 답을 찾기 전에 한 번에 로딩할 때라는 것은 스크립트 파일을 동기적으로 로드 할 때라는 것을 의미한다고 정하겠습니다. DOM이 구성 되어있지 않은 상태에서 DOM에 접근하는 script를 실행한다면 script는 해당 DOM 요소에 접근 할 수 없습니다. (아래의 코드를 보면 스크립트를 읽는 시점에서는 h1은 아직 존재하지 않기 떄문에 console.log는 null을 출력합니다.) 제목 이를 해결하기 위해서 쉽게 body 태그의 맨 끝에서 script를 불러오면 문제가 없지 않을까라고 생각할 수 있지만 이것이 완전한 해결책이 될수는 없습니다. DOM이 준비가 되어 화면은 사용자에게 이미 보여지고 있는 상황이지만 scr.. 이전 1 다음
