https://www.garamx.com/dokuwiki/ 2026-05-06T13:37:38+00:00 https://www.garamx.com/dokuwiki/ https://www.garamx.com/dokuwiki/lib/tpl/darkblue/images/favicon.ico text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:bootstrap&rev=1744711518&do=diff Javascript Bootstrap ES6 import/export import './a.css' babel (es6 -> es5) webpack (loader, plugin) >npm init >npm install webpack --save-dev >npm install @babel/preset-env --save-dev >npm install webpack-dev-server --save-dev var path = require('path'); module.exports = { mode: 'development', // 'production', 'development', 'none' entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), publicPath: '/dist' }, module: { rul… text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:browser&rev=1744711518&do=diff Edge실행 window.location = 'microsoft-edge:' + window.location; 경고없이 창닫기 window.location = 'microsoft-edge:'+ window.location; setTimeout(function(){ window.opener = 'Self'; window.open('','_parent',''); window.close(); }, 1000); text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:callbackandthis&rev=1744711518&do=diff callback function에서의 this사용 var A = /** @class */ (function () { function A() { this.i = 100; } A.prototype.a = function () { console.log('함수 a호출됨'); console.log('i:', this.i); // 1. 새로운 변수에 this //var that = this; //testCallback('1.', function() { // console.log('this.i:', that.i); // }); // 2. bind함수이용 //testCallback('2', function(){ // console.log('this.i', this.i);}.bind(this) ); // 2.1 bind함수이용 testCallback('2.1',… text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:class&rev=1744711518&do=diff class & this IFEF을 활용하여 class를 구현함. Class Source var MyCalendar = /** @class */ (function () { function MyCalendar() { this.today = new Date(); this.cal = []; } MyCalendar.prototype.calculate = function () { return 100; }; MyCalendar.prototype.dateId = function (day) { var s; var m = day.getMonth() + 1; var d = day.getDate(); var sm = (m < 10 ? "0" : "") + m; s = day.getFullYear() + sm + (d < 10 ? "0" : "") +… text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:clone&rev=1744711518&do=diff Clone Function구현 * Deep Clone Function function clone(obj) { var copy; // Handle the 3 simple types, and null or undefined if (null == obj || "object" != typeof obj) return obj; // Handle Date if (obj instanceof Date) { copy = new Date(); copy.setTime(obj.getTime()); return copy; } // Handle Array if (obj instanceof Array) { copy = []; for (var i = 0, len = obj.length; i < len; i++) { copy[i] = clone(obj[… text/html 2025-04-22T09:14:33+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:comma&rev=1745313273&do=diff Comma처리 (function comma(str){ var s = str.split(','); if(/(\d){4}/.test(s)){ s[0] = s[0].replace(/(\d){3}(,|\.|$)/,',\$&'); s[0] = comma(s[0]); } return s.join('.'); })("1234567890.12"); text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:extend&rev=1744711518&do=diff Object Extend jQuery를 이용한 var bar = $.extend({}, foo); Pure JavaScript function clone(obj) { if (obj === null || typeof(obj) !== 'object') return obj; var copy = obj.constructor(); for (var attr in obj) { if (obj.hasOwnProperty(attr)) { copy[attr] = obj[attr]; } } return copy; } text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:handbook&rev=1744711518&do=diff JavaScript 요약집 The Complete JavaScript Handbook JavaScript는 세상에서 가장 인기있는 프로그램언어중 하나이고, 현재 브라우저외에도 널리 사용되고 있다. 최근 몇년 사이에 Node.js가 뜨면서 Java, Ruby, Python, PHP 및 보다 전통적인 서버측 언어의 영역있었던 백 엔드 개발영역까지 확장하였다. JavaScript요약집은 80/20룰을 따른다. 시간의 20%안에 자바스크립트의 80%를 배운다. JavaScript의 모든 것을 배워라!… text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:home&rev=1744711518&do=diff JavaScript ECMA2015를 참조 The Complete JavaScript Handbook Maro Pattern void 0 StackOverflow void 0voidMDN void 0 void "my string" void (0) // all returns undefined 이것이 의미하는 것은? window.hasOwnProperty('undefined'); // return true; window.undefined // return undefined window.undefined === undefined // true var undefined = "미친놈"; console.log(undefined); // print 미친놈 window.undefined === undefined // false text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:maro_pattern&rev=1744711518&do=diff Maro Pattern removeComment 연습하기 <script> class MaroPattern { constructor() { this.ps = []; } addPattern(p1) { this.ps.push(p1); } trans01(source) { var src = source; var out = []; this.ps.filter(function (p) { return p.KIND_CD === 'all'; }).forEach(p1 => { if (p1.TYPE_CD === 'text') { src = src.replaceAll(p1.SEARCH, p1.R_VALUE); } if (p1.TYPE_CD === 'regEx') { let re = new RegExp(p1.SEARCH, 'g'); … text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:regexp&rev=1744711518&do=diff Javascript RegExp function funRegComma(param){ var num = '' +param; var reg = /(^[+-]?\d+)(\d{3})/; while(reg.test(num)){ num = num.replace(reg,'$1' + ',' + '$2'); } return num; } ==== Password ==== 비밀번호 체크하기 위한 RegExp <code javascript> var strongRegex = new RegExp("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})"); text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:vanilla&rev=1744711518&do=diff Vanilla Javascript 온갓 다양한 세계가 존재한다. 또는 존재하려고 노력하기도 한다. 독보적이고 유니크한 것을 추구하는 자들이 존재한다. <http://vanilla-js.com/> vanilla js 외부 라이브러리나 프레임워크를 쓰지 않는 순수 JavaScript를 이르는 말이다. 사용자 정의된 라이브러리나 프레임워크 자체를 쓰지 않기 때문에 당연히 다른 라이브러리나 프레임워크를 사용했을 때보다 빠르고 호환성이 좋을 수밖에 없다. 또한 숙련된 사람일 수록 별의별 기능을 구현할 수 있다는 특징이 있다.… text/html 2025-04-15T10:05:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.garamx.com/dokuwiki/doku.php?id=javascript:void&rev=1744711518&do=diff undefind void 0 if( myvarriable === void 0 ) --> undefined비교를 위하여 사용 if( myvarriable === undefined ) 이렇게 비교할 수 있는데 undefined는 변수명으로 사용될수 있어 void 0를 이용. void 0