뚱2's Story

링크: https://medium.com/sunhyoups-story/grunt와-bower를-이용한-웹-프론트엔드-제작하기-bfa32e6614c1

링크: http://netframework.tistory.com/415

링크: http://fuseinteractive.ca/blog/automating-bower-library-integration-grunt#.VaNH_HhHlWU

링크: http://stackoverflow.com/questions/3115150/how-to-escape-regular-expression-special-characters-using-javascript

RegExp.escape = function(str) {

return str.replace(/[[\]{}()*+?.\\|^$\-,&#\s]/g, "\\$&");

};

링크: http://wit.nts-corp.com/2014/11/19/2584

링크: http://taegon.kim/archives/5097

링크: https://scotch.io/?s=react

링크: https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode#Notification

링크: https://github.com/mishoo/UglifyJS

링크: http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/

조금만 찾아보면 누군가 만들어 놓은 라이브러리들이 참 많다.

링크: http://semu.github.io/timesheet.js/

링크: http://jamesallardice.github.io/Placeholders.js/

링크: http://ejohn.org/blog/javascript-method-overloading/

Overriding 기능찾다가 찾게 되었다. 나중에 써먹어야겠다.

참고로 존레식은 jQuery 만든 사람이다.

// addMethod - By John Resig (MIT Licensed)

function addMethod(object, name, fn){

    var old = object[ name ];

    object[ name ] = function(){

        if ( fn.length == arguments.length )

            return fn.apply( this, arguments );

        else if ( typeof old == 'function' )

            return old.apply( this, arguments );

    };

}

참 재미있는 개발이다.

서버사이드 언어를 자바스크립트로 만들다니.

링크: http://www.scala-js.org/

링크: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

function getSize() {

  var myWidth = 0, myHeight = 0;

  if( typeof( window.innerWidth ) == 'number' ) {

    //Non-IE

    myWidth = window.innerWidth;

    myHeight = window.innerHeight;

  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

    //IE 6+ in 'standards compliant mode'

    myWidth = document.documentElement.clientWidth;

    myHeight = document.documentElement.clientHeight;

  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

    //IE 4 compatible

    myWidth = document.body.clientWidth;

    myHeight = document.body.clientHeight;

  }

  return [myWidth, myHeight];

}

function getScrollXY() {

  var scrOfX = 0, scrOfY = 0;

  if( typeof( window.pageYOffset ) == 'number' ) {

    //Netscape compliant

    scrOfY = window.pageYOffset;

    scrOfX = window.pageXOffset;

  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {

    //DOM compliant

    scrOfY = document.body.scrollTop;

    scrOfX = document.body.scrollLeft;

  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {

    //IE6 standards compliant mode

    scrOfY = document.documentElement.scrollTop;

    scrOfX = document.documentElement.scrollLeft;

  }

  return [ scrOfX, scrOfY ];

}

자바스크립트 정규표현식 테스트 하기 좋은 곳

링크: http://www.regexr.com/

링크: http://www.w3schools.com/jsref/jsref_shift.asp

링크: http://www.w3schools.com/jsref/jsref_pop.asp

shift: 배열의 앞쪽을 리턴하고 배열에서 삭제한다.

pop: 배열의 뒷쪽을 리턴하고 배열에서 삭제한다.

링크: http://bower.io/

링크: http://blog.outsider.ne.kr/933

링크: http://youngman.kr/?p=1540

http://gozillacj.com/wordpress/jsprocedure/

링크: http://jsfiddle.net/

자바스크립트를 테스트 할수 있는 환경

링크: https://docs.google.com/presentation/d/1YYv8eYoPpY694xAFvdTY3htoCGaMJlzfCYFthAIQe3U/edit#slide=id.p

링크: https://developer.mozilla.org/ko/docs/JavaScript/Guide/Closures

링크 : http://msdn.microsoft.com/ko-kr/library/ie/br230269(v=vs.94).aspx

링크 : http://www.regexper.com/

링크 : http://www.techumber.com/2013/08/javascript-object-oriented-programming-tutorial.html

링크 : http://requirejs.org/

링크 : http://zziuni.pe.kr/587

링크 : http://blog.javarouka.me/2013/04/requirejs-javascript.html

링크 : http://jcf.daewoobrenic.co.kr/blog/?p=235

링크 : http://atconsole.com/2013/04/20/requirejs-javascript-%ED%8C%8C%EC%9D%BC-%EB%B0%8F-%EB%AA%A8%EB%93%88-%EB%A1%9C%EB%8D%94/

링크 : http://blog.stevenlevithan.com/archives/date-time-format

/*

* strTemp  : [필수] 크로스사이트 스크립팅을 검사할 문자열

* level    : [옵션] 검사레벨

*            0 (기본) -> XSS취약한 문자 제거

*            1 (선택) -> 단순한 <, > 치환

*/

function XSS_Check(strTemp, level) {     

if ( level == undefined || level == 0 ) {

strTemp = strTemp.replace(/\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-/g,"");

}

else if (level != undefined && level == 1 ) {

strTemp = strTemp.replace(/\</g, "&lt;");

strTemp = strTemp.replace(/\>/g, "&gt;");

}

return strTemp;

}

링크 : http://dean.edwards.name/packer/ 

var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;

var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;

var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

링크 : http://blog.naver.com/PostView.nhn?blogId=jjoommnn&logNo=130149113595&parentCategoryNo=22&categoryNo=&viewDate=&isShowPopularPosts=true&from=search 

링크 : http://www.w3schools.com/jsref/jsref_regexp_source.asp 

Definition and Usage

The source property returns the text of the RegExp pattern.

Syntax

Browser Support

The source property is supported in all major browsers.

Example

//==================================================================

// 스크립트 오류 메세지

//==================================================================

function myDebug(errmsg, url, linenum)

{

    errWin=window.open('','','width=350,height=220,scrollbars=no');

    errWin.document.open();

    errWin.document.write('<CENTER><H1>스크립트오류 정보</H2></CENTER>');

    errWin.document.write('에러메시지: <FONT COLOR=RED>'+errmsg+'</FONT><BR>');

    errWin.document.write('에러가 난 문서: <FONT COLOR=RED>'+url+'</FONT><BR>');

    errWin.document.write('에러가 난 라인: <FONT COLOR=RED>'+linenum+'</FONT>');

    errWin.document.close();

    return true;

}

window.onerror=myDebug;