promise4 Promise then <span class="meta"> <span class="date">2021. 10. 1.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Javascript-Promise%ED%94%84%EB%A1%9C%EB%AF%B8%EC%8A%A4%EB%8A%94"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/bfsgYz/btqwHrAK3e1/reps158rapC25Kkf4ebm40/img.png" alt=""> </span> <span class="title">Javascript Promise(프로미스는)</span> <span class="excerpt"># Javascript Promise(프로미스는) ##### [source : https://jsfiddle.net/softm/dofksnw5/ ](https://jsfiddle.net/softm/dofksnw5/) #### 참고 - [https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#promise%EA%B0%80-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%9C%EA%B0%80%EC%9A%94](https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#promise%EA%B0%80-%EC%99%9C-%ED%95%..</span> <span class="meta"> <span class="date">2019. 7. 12.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Javascript-Async-return-Promise-For-await-1"> <span class="thum"> </span> <span class="title">Javascript Async return Promise For await</span> <span class="excerpt"># Javascript Async return Promise For await ## # async function #### Reference - [https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function) #### async function - async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의한다. - 또한 async function expression을 사용해서 async function을 선언..</span> <span class="meta"> <span class="date">2019. 7. 12.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Javascript-Promise%ED%94%84%EB%A1%9C%EB%AF%B8%EC%8A%A4"> <span class="thum"> </span> <span class="title">Javascript Promise(프로미스)</span> <span class="excerpt">Javascript Promise(프로미스는) 참고 : https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#promise%EA%B0%80-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%9C%EA%B0%80%EC%9A%94 # 프로미스는? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체. 비동기 처리란? ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미합니다. # 프로미스는.. - 프로미스는 한 번만 성공 또는 실패할 수 있습니다. 두 번 성공 또는 실패할 수 없으며, 성공을 실패로 전환하거나 실패를 성공으로 전환할 수도 없습니다. - 프로미스..</span> <span class="meta"> <span class="date">2019. 1. 30.</span> </span> </a> </div> </div> <div class="pagination"> <a class="prev no-more-prev">이전</a> <a href="/tag/promise?page=1"><span class="selected">1</span></a> <a class="next no-more-next">다음</a> </div> <!--end--> </article> <aside id="aside" class="sidebar"> <div class="sidebar-1"> <!-- 카테고리 --> <nav class="category"> <ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a> <ul class="category_list"><li class=""><a href="/category/%EB%86%8D%EC%97%85" class="link_item"> 농업 </a></li> <li class=""><a href="/category/%EC%97%B0%EC%84%9C" class="link_item"> 연서 </a></li> <li class=""><a href="/category/mobile" class="link_item"> mobile </a> <ul class="sub_category_list"><li class=""><a href="/category/mobile/android%20src" class="link_sub_item"> android src </a></li> <li class=""><a href="/category/mobile/android" class="link_sub_item"> android </a></li> </ul> </li> <li class=""><a href="/category/web" class="link_item"> web </a> <ul class="sub_category_list"><li class=""><a href="/category/web/react" class="link_sub_item"> react </a></li> <li class=""><a href="/category/web/javascript" class="link_sub_item"> javascript </a></li> <li class=""><a href="/category/web/html5" class="link_sub_item"> html5 </a></li> <li class=""><a href="/category/web/css" class="link_sub_item"> css </a></li> <li class=""><a href="/category/web/server" class="link_sub_item"> server </a></li> <li class=""><a href="/category/web/etc" class="link_sub_item"> etc </a></li> </ul> </li> <li class=""><a href="/category/java" class="link_item"> java </a> <ul class="sub_category_list"><li class=""><a href="/category/java/jsp" class="link_sub_item"> jsp </a></li> </ul> </li> <li class=""><a href="/category/ui" class="link_item"> ui </a></li> <li class=""><a href="/category/eclipse" class="link_item"> eclipse </a></li> <li class=""><a href="/category/php" class="link_item"> php </a></li> <li class=""><a href="/category/windows" class="link_item"> windows </a></li> <li class=""><a href="/category/database" class="link_item"> database </a></li> <li class=""><a href="/category/git" class="link_item"> git </a></li> <li class=""><a href="/category/etc" class="link_item"> etc </a></li> <li class=""><a href="/category/%EC%A2%8B%EC%9D%80%EA%B8%80" class="link_item"> 좋은글 </a></li> <li class=""><a href="/category/%EC%A0%95%EB%B3%B4%EB%B3%B4%ED%98%B8" class="link_item"> 정보보호 </a></li> <li class=""><a href="/category/%EC%9A%B4%EB%8F%99" class="link_item"> 운동 </a></li> <li class=""><a href="/category/%EC%BB%B4%ED%93%A8%ED%84%B0%ED%99%9C%EC%9A%A9" class="link_item"> 컴퓨터활용 </a></li> <li class=""><a href="/category/%EB%82%98%EB%AC%B4%20%EC%8B%9D%EB%AC%BC" class="link_item"> 나무 식물 </a></li> <li class=""><a href="/category/%EC%A0%9C%ED%92%88%EB%A6%AC%EB%B7%B0" class="link_item"> 제품리뷰 </a></li> <li class=""><a href="/category/%EA%B1%B4%EA%B0%95" class="link_item"> 건강 </a></li> <li class=""><a href="/category/%EB%85%B8%ED%95%98%EC%9A%B0" class="link_item"> 노하우 </a></li> <li class=""><a href="/category/%EC%98%81%ED%99%94" class="link_item"> 영화 </a></li> <li class=""><a href="/category/%EC%83%9D%ED%99%9C%EC%A0%95%EB%B3%B4" class="link_item"> 생활정보 </a></li> <li class=""><a href="/category/%EC%9D%BC%EC%83%81" class="link_item"> 일상 </a></li> <li class=""><a href="/category/%EC%9A%94%EB%A6%AC" class="link_item"> 요리 </a></li> </ul> </li> </ul> </nav> <Br/> <!-- kako ad 300 x 600 --> <div class="section" id="kakaoads" style="text-align:center"> <ins class="kakao_ad_area" style="display:inline;" data-ad-unit = "DAN-1jyovredde59t" data-ad-width = "160" data-ad-height = "600"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> </div> <div class="sidebar-2"> <!-- 공지사항 --> <div class="notice"> <h2>공지사항</h2> <ul> </ul> </div> <!-- 최근글/인기글 --> <div class="post-list tab-ui"> <div id="recent" class="tab-list"> <h2>최근글</h2> <ul> </ul> </div> <div id="popular" class="tab-list"> <h2>인기글</h2> <ul> </ul> </div> </div> <!-- 최근댓글 --> <div class="recent-comment"> <h2>최근댓글</h2> <ul> </ul> </div> <!-- Facebook/Twitter --> <div class="social-list tab-ui"> </div> <!-- 태그 --> <div class="tags"> <h2>태그</h2> <a href="/tag/CSS">CSS</a> <a href="/tag/AndroidStudio">AndroidStudio</a> <a href="/tag/error">error</a> <a href="/tag/IT">IT</a> <a href="/tag/event">event</a> <a href="/tag/await">await</a> <a href="/tag/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C">안드로이드</a> <a href="/tag/node">node</a> <a href="/tag/HTML5">HTML5</a> <a href="/tag/%EC%84%9C%EC%9A%B8%EC%8B%9D%EB%AC%BC%EC%9B%90">서울식물원</a> <a href="/tag/oracle">oracle</a> <a href="/tag/%EC%BB%B4%ED%93%A8%ED%84%B0">컴퓨터</a> <a href="/tag/listview">listview</a> <a href="/tag/Java">Java</a> <a href="/tag/php">php</a> <a href="/tag/batch">batch</a> <a href="/tag/promise">promise</a> <a href="/tag/async">async</a> <a href="/tag/jquery">jquery</a> <a href="/tag/Android">Android</a> <a href="/tag/OptionMenu">OptionMenu</a> <a href="/tag/JavaScript">JavaScript</a> <a href="/tag/SQL">SQL</a> <a href="/tag/URL">URL</a> <a href="/tag/Git">Git</a> <a href="/tag/JS">JS</a> <a href="/tag/typescript">typescript</a> <a href="/tag/Eclipse">Eclipse</a> <a href="/tag/xdebug">xdebug</a> <a href="/tag/Windows">Windows</a> </div> <!-- 전체 방문자 --> <div class="count"> <h2>전체 방문자</h2> <p class="total"></p> <p>Today : </p> <p>Yesterday : </p> </div> <!-- 소셜 채널 --> <div class="social-channel"> <ul> </ul> </div> </div> </aside> </div> </section> <hr> <footer id="footer"> <div class="inner"> <div class="order-menu"> </div> <a href="#" class="page-top">TOP</a> <p class="meta">TEL. 02.1234.5678 / 경기 성남시 분당구 판교역로</p> <p class="copyright">© Kakao Corp.</p> </div> </footer> </div> <script src="https://tistory1.daumcdn.net/tistory/1672911/skin/images/script.js?_version_=1681107383"></script> <link href='http://fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C300italic%2C400italic%2C700&subset=latin%2Clatin-ext%2Ccyrillic&ver=3.5.1' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-6944291-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-6944291-2'); </script> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/softm/jsdelivr@v0.0.1/loader.js"></script> <!-- <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} , skipTags: ["script","noscript","style","textarea","pre","code"] ,ignoreClass:"javascript|language-javascript|hljs" , delimiters: [['$','$']] }); // " delimiters: [['`','`'], ['$','$']]"" ```javascript 때문에 제외. </script> <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML' async></script> --> <script src='https://cdn.jsdelivr.net/gh/softm/jsdelivr@math0.0.1/files/math/MathJax.js?config=TeX-AMS_HTML' async></script> <script type="text/javascript"> $( document ).ready(function() { if (!document.getElementsByClassName("markdown-body")[0] ) { hideLoading(); } window.setTimeout(function() { $(".s_list").fadeOut(); },2000); }); if ( document.getElementsByClassName("markdown-body").length > 0 ) document.getElementsByClassName("markdown-body")[0].style.display="none"; window.onload = function () { if ( document.getElementsByClassName("markdown-body").length > 0 ) { loader.js( // [ // "https://cdn.jsdelivr.net/gh/softm/jsdelivr@math0.0.1/files/math/showdown.min.js", // "https://cdn.jsdelivr.net/gh/softm/jsdelivr@math0.0.1/files/math/highlight.min.js", // "https://cdn.jsdelivr.net/gh/softm/jsdelivr@math0.0.1/files/math/default.min.css" // ], // [ // "https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.6/showdown.min.js", // "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js", // "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css" // ], [ "https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.6/showdown.min.js", "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js", "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css" ], [ function(e) { console.log("1st",e); }, function(e) { console.log("2nd",e); }, function(e) { console.log("3rd",e); var containers = document.querySelectorAll(".markdown-body"); //var containers = [container]; var sd = new showdown.Converter(); for (var i = 0; i < containers.length; i++) { containers[i].innerHTML = sd.makeHtml(containers[i].innerHTML); var codes = containers[i].querySelectorAll("pre code"); /* codes.forEach(function(code) { hljs.highlightBlock(code); }); */ for(var j=0;j<codes.length;j++) { var code = codes[j]; hljs.highlightBlock(code); } } // debugger; document.getElementsByClassName("markdown-body")[0].style.display="block"; hideLoading(); for (var i=1; i<=2; i++ ) { if ($("#ads_middle" + i)[0] ) { $("#ads_middle" + i).append($("#ads" + i)); } else { if ( i == 2 ) { $("#contents").append($("#ads" + i)); } } } } ], false // default false ); } else { for (var i=1; i<=2; i++ ) { if ($("#ads_middle" + i)[0] ) { $("#ads_middle" + i).append($("#ads" + i)); } else { if ( i == 2 ) { $("#contents").append($("#ads" + i)); } } } } } </script> <div class="mo-ui-layer progress" style="display:none"><div class="mo-icon-loading"><img src="https://cdn.jsdelivr.net/gh/softm/jsdelivr@m0.0.1/files/mobile_basic/images/viewLoading.gif"></div></div> <style> .markdown-body{ /* padding-left:5px; */ /* font-family: 'Noto Sans KR' !important; */ } .markdown-body ul h1{ margin:0px; } .markdown-body ul h3 ,.markdown-body ul h4 ,.markdown-body ul h5 ,.markdown-body ol h3 ,.markdown-body ol h4 ,.markdown-body ol h5 { margin:5px; } .markdown-body pre{ margin: 10px 5px 5px !important; margin-left: 15px !important; padding: 5px !important; /* width: max-content !important; */ width: calc(80%) !important; } @media (max-width:900px){ .markdown-body pre{ width: calc(100% - 50px) !important; } } .markdown-body a { border-bottom:1px solid #777 } .mo-ui-layer { /* background: rgba(0,0,0,0.6); */ position: fixed; left: 0; top: 0; right: 0; bottom: -1px; z-index: 9999; height:100%; } .mo-icon-loading { width:60px;height:60px; position:absolute; left:50%; top:50%; } code { font-size: 10pt; line-height: 1.2; } .CodeMirror { text-indent : 10px; } </style> <script> function showLoading() { // if(isBrowser) { $('.mo-ui-layer.progress').show(); // } else { // if ( typeof(Android) !== "undefined") { // Android.showLoading(); // } // } } function hideLoading() { window.setTimeout(function() { // if(isBrowser) { $('.mo-ui-layer.progress').hide(); // } else { // if ( typeof(Android) !== "undefined") { // Android.hideLoading(); // } // } },100); } //debugger; if (document.getElementsByClassName("markdown-body")[0] ) { document.getElementsByClassName("markdown-body")[0].style.display="none"; // showLoading(); } showLoading(); </script> <style> @media screen and (max-width: 660px) { .ads_cols_2nd { display:none !important; } } /**************************/ .entry-content { color: #3C4858 !important; font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 18px !important; } .entry-content table th, .entry-content table td { padding:10px !important; } .entry-content ul li p { display: inline; } .entry-content ul li, .entry-content ol li, .entry-content ul li *, .entry-content ol li * { color: #3C4858 !important; font-family: "Roboto","Helvetica","Arial",sans-serif; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #3C4858 !important; font-family: "Roboto","Helvetica","Arial",sans-serif; } .entry-content h1 { font-size:32px !important; } .entry-content h2 { font-size:24px !important; } .entry-content h3 { font-size:24px !important; /*font-size:18.72px !important;*/ } .entry-content h4 { font-size:24px !important; /*font-size:16px !important;*/ } .entry-content h5 { font-size:18.72px !important; /*font-size:13.28px !important;*/ } .entry-content h6 { font-size:10.72px !important; } .entry-content ul li > *:first-child:after { content: "\A"; } .entry-content ul li > *:first-child { display: inline !important; } .entry-content li ul, .entry-content li ol { list-style:none !important; margin-left: 0px !important; color:red; padding-left:0px !important; } .entry-content li ul li:before, .entry-content li ol li:before { content: "\00a0\00a0>\00a0\00a0"; } /* .entry-content ul li > *:first-child, .entry-content ol li > *:first-child { top: -2px !important; left: 36px !important; color: red !important; position: absolute; } .entry-content ul li ul .entry-content ol li ul { top: -2px !important; left: 36px !important; color: red !important; position: absolute; } */ </style> <div class="#menubar menu_toolbar "> <h2 class="screen_out">티스토리툴바</h2> </div> <div class="#menubar menu_toolbar "><div class="btn_tool btn_tool_type1" id="menubar_wrapper"></div></div> <div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div> <iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//softm.tistory.com/api">