앞의 글에서 Promise에 대해 간략히 알아보았다. 위에처럼 비동기 Promise를 사용시 then 또는 catch를 통해 반환 받을 수 있었다. 이외에도 awit를 통해서도 똑같이 사용할 수 있다. // as-is promise() .then(result =>{ console.log(result); }) // to Be let result = await promise(); console.log(result); 위의 코드는 같은 결과로 출력된다. 또한 함수를 선언할 때 function 키워드 앞에 async를 붙여주면 해당 함수를 호출 했을 때 함수내부에서 반환한 값을 이행하는 Promise를 반환한다. async function promise() { return "결과" } promise() .the..

자바스크립트에서는 비동기 프로그래밍을 자연스럽게 습득하게 된다. 이를 대표하는게 자바스크립트 Promise이다. Promise의 기본적인 구조는 아래와 같다. const promise = new Promise((resolve, reject) => { // resolve, reject의 타입은 함수타입이다. }); Promise는 resolve와 reject를 파라미터로 받아오는 함수로 resolve는 작업이 성공했을때, reject는 작업이 실패했을때 호출하는 함수이다. const promise = new Promise((resolve, reject) => { reject(new Error("에러 메시지를 던집니다.")); }); const promise = new Promise((resolve, rej..

if (event && event.stopPropagation) { event.stopPropagation();//ie 10 이상에서 사용가능 } else if (window.event){ window.event.cancelBubble = true; } 자바스크립트에서는 event 객체가 활성화 되있으므로.해당 스크립트를 통해 버블현상을 막을 수 있다. 다음 포스트가 궁금하시다면 ↓↓↓ 아래 링크를 클릭해주세요. ↓↓↓↓ URL 인코더, 디코더 - 바로 변환해드려요!(url인코딩,url디코딩) '공감'버튼은 글쓴이에게 큰 힘이 됩니다!