web/javascript57 node javascript async parallel # async parallel ##### [source : https://jsfiddle.net/softm/hj6qwevg/](https://jsfiddle.net/softm/hj6qwevg/) ```javascript ``` 2019. 7. 12. node javascript async series # async series ##### [source : https://jsfiddle.net/softm/3xkqnwcg/ ](https://jsfiddle.net/softm/3xkqnwcg/) ```javascript ``` 2019. 7. 12. Javascript Module Javascript Module ※ 참고 : https://github.com/codepink/codepink.github.com/wiki/자바스크립트-모듈,-모듈-포맷,-모듈-로더와-모듈-번들러에-대한-10분-입문서 # 자바스크립트 모듈 모듈 포맷 모듈 로더 모듈 번들러 - 코드 추상화 : 특수한 라이브러리에 기능을 위임하여 실제 구현의 복잡도를 이해할 필요가 없다. - 코드 캡슐화 : 코드를 변경하지 않으려면 모듈 내부에 코드를 숨긴다. - 코드 재사용 : 같은 코드를 반복해서 작성하는 것을 피한다. - 의존성 관리 : 코드를 다시 작성하지 않고도 쉽게 의존성을 변경한다. # 노출식 모듈 패턴 :: 즉시 실행 함수 표현식(IIFE : Immediately Invoked Function Expressi.. 2019. 7. 12. Javascript arrow function expression # Javascript arrow function expression #### Reference - [arrow function developer.mozilla.org :](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98) #### 화살표 함수 표현(arrow function expression) - function 표현에 비해 구문이 짧고 - 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. - 화살표 함수는 항상 익명입니다. - 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적당합니다. -.. 2019. 7. 12. Replace Tag(Script & div & B tag to strong) # replace tag ( B tag to strong ) ```javascript String.prototype.replaceTag = function(a,b) { var input = a.join("|"); debugger; var reg = new RegExp( '"\']|"[^"]*"|\'[^\']*\')*)>',"gim"); if(reg.test(this)){ console.info( 'ok' ); //alert ( 'ok' ); } //alert(input.replace(reg,"")); //console.info(this.replace(reg,"")); return this.replace(reg,""); } console.info("\n\n\n\n\n\n" .replaceTag(["scri.. 2019. 7. 12. bind click event loop index Click Me! Click Me! Click Me! Click Me! Click Me! Click Me! var g = document.getElementById('my_div'); for (var i = 0, len = g.children.length; i < len; i++) { (function(index){ g.children[i].onclick = function(){ alert(index) ; } })(i); } https://jsfiddle.net/softm/en067grx/ 2019. 7. 12. 이전 1 ··· 4 5 6 7 8 9 10 다음
