JS7 Object defineProperty <span class="date">2021. 3. 17.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Nodejs-events-Module-EventEmitter-Class"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/3XQwT/btqwIi3dxGC/KUojTgvTykbPVsyKo34lOk/img.png" alt=""> </span> <span class="title">Node.js - events Module & EventEmitter Class</span> <span class="excerpt">#### # Node.js - events Module & EventEmitter Class - EventEmitter는 Node.JS에 내장 옵저버 패턴의 구현 #### # 참고 - [https://www.haruair.com/blog/3396](https://www.haruair.com/blog/3396) - [nodejs.org : events](https://nodejs.org/dist/v5.5.0/docs/api/events.html) #### # event_emitter.js ```javascript var events = require('events'); var eventEmitter = new events.EventEmitter(); var connectHandler = function c..</span> <span class="meta"> <span class="date">2019. 7. 23.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Nodejs-Express"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/8VcJY/btqwHrferWi/g6lh6Km54KZeZkoO8R4eR0/img.png" alt=""> </span> <span class="title">Node.js-Express</span> <span class="excerpt">### # Node.js-Express ### # 참고 : https://velopert.com/379 ### # 디렉토리 구조 express_tutorial/ ├── data │ └── user.json ├── node_modules ├── package.json ├── public │ └── css │ └── style.css ├── router │ └── main.js ├── server.js └── views ├── body.ejs ├── header.ejs └── index.ejs ### # 의존 모듈 추가 ``` { "name": "express-tutorial", "version": "1.0.0", "dependencies": { "express": "~4.13.1", "ejs": "~2.4..</span> <span class="meta"> <span class="date">2019. 7. 22.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Nodejs"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/DGM2Y/btqwIi3c40a/tbVlnqOBH5ovawaVBCmEF0/img.png" alt=""> </span> <span class="title">Node.js</span> <span class="excerpt">#### # 참고 - [https://velopert.com/241](https://velopert.com/241) #### # [Node.js?](https://nodejs.org/ko/) - Chrome V8 JavaScript 엔진으로 빌드된 JavaScript Runtime. - 2009년에 Ryan Dahl에 의해 개발. - 이벤트 기반, 논 블로킹 I/O 모델. - Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리. - 비동기 I/O 처리 . - 빠른 속도 - 단일 쓰레드 / 뛰어난 확장성 - 노 버퍼링 - 라이센스: MIT License #### # REPL (Read Eval Print Loop) - 읽고 값을 계산하고 출력하는 일을 반복하는 행위를 REPL ..</span> <span class="meta"> <span class="date">2019. 7. 21.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/Fullscreen"> <span class="thum"> </span> <span class="title">Fullscreen</span> <span class="excerpt"># Fullscreen ##### [source : https://jsfiddle.net/softm/ey9dewj9/ ](https://jsfiddle.net/softm/ey9dewj9/) ```html HTML5 Full-Screen Demonstration ``` ```css ``` ```javascript // full-screen available? if ( document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ) { // image container var i = document.getElementById("myimage"..</span> <span class="meta"> <span class="date">2019. 7. 19.</span> </span> </a> </div> <div class="post-item"> <a href="/entry/d3-enter"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/eeQLcA/btqwIYpDk2U/RYAvFzJbMhxCirh7EMWuAK/img.png" alt=""> </span> <span class="title">d3 enter</span> <span class="excerpt">d3 enter ##### [source : https://jsfiddle.net/softm/q1ofn8tL](https://jsfiddle.net/softm/q1ofn8tL) ```css ``` ```javascript //window.onload = function() { var dataset = [ 5, 10, 15, 20, 25 ]; d3.select("div") // 1 .selectAll("p") // 2 .data(dataset) // 3 .enter() // 4 .append("p") // 5 .text("New paragraph!"); // 6 d3.selectAll("p").style("color", function() { return "hsl(" + Math.random() * 360..</span> <span class="meta"> <span class="date">2019. 7. 15.</span> </span> </a> </div> </div> <div class="pagination"> <a class="prev no-more-prev">이전</a> <a href="/tag/JS?page=1"><span class="selected">1</span></a> <a href="/tag/JS?page=2"><span class="">2</span></a> <a href="/tag/JS?page=2" class="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/error">error</a> <a href="/tag/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C">안드로이드</a> <a href="/tag/await">await</a> <a href="/tag/node">node</a> <a href="/tag/xdebug">xdebug</a> <a href="/tag/HTML5">HTML5</a> <a href="/tag/CSS">CSS</a> <a href="/tag/SQL">SQL</a> <a href="/tag/IT">IT</a> <a href="/tag/Android">Android</a> <a href="/tag/Windows">Windows</a> <a href="/tag/promise">promise</a> <a href="/tag/Java">Java</a> <a href="/tag/JS">JS</a> <a href="/tag/batch">batch</a> <a href="/tag/Eclipse">Eclipse</a> <a href="/tag/php">php</a> <a href="/tag/oracle">oracle</a> <a href="/tag/event">event</a> <a href="/tag/async">async</a> <a href="/tag/%EC%84%9C%EC%9A%B8%EC%8B%9D%EB%AC%BC%EC%9B%90">서울식물원</a> <a href="/tag/URL">URL</a> <a href="/tag/listview">listview</a> <a href="/tag/%EC%BB%B4%ED%93%A8%ED%84%B0">컴퓨터</a> <a href="/tag/OptionMenu">OptionMenu</a> <a href="/tag/typescript">typescript</a> <a href="/tag/jquery">jquery</a> <a href="/tag/AndroidStudio">AndroidStudio</a> <a href="/tag/Git">Git</a> <a href="/tag/JavaScript">JavaScript</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">