뚱2's Story

1편: http://blog.coderifleman.com/post/122232296024/react-js-1

2편: http://blog.coderifleman.com/post/122310311704/react-js-2

3편: http://blog.coderifleman.com/post/122593166904/react-js-3

4편: http://blog.coderifleman.com/post/122771353444/react-js-4

5편: http://blog.coderifleman.com/post/123690802269/react-js-5

6편: http://blog.coderifleman.com/post/123792037004/react-js-6

7편: http://blog.coderifleman.com/post/123886912084/react-js-7

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

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

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

말이 이상한데 말 그래도 모든걸 다 선택한다.

/[%~<>/!'"=:;\[\]{}()*+?.\\|^$\-,&#\r\n\s\w가-힣]+/gi

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

RegExp.escape = function(str) {

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

};

링크: http://kwonnam.pe.kr/wiki/java/jce

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

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

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

링크: http://www.oracle.com/technetwork/articles/java/jf14-nashorn-2126515.html

링크: http://pyrasis.com/nodejs/nodejs-HOWTO#v8--

링크: http://tech-blog.maddyzone.com/javascript/use-multiple-ng-view-single-page

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

평소 도움을 많이 받고 있는 사이트 감사합니다.

링크: http://chanlee.github.io/post/requirejs-deep-dive/

링크: http://www.slideshare.net/constantinekim/ss-16288479

링크: http://ohgyun.com/492

샘플: https://github.com/jrburke/r.js/blob/master/build/example.build.js

샘플: http://www.svlada.com/blog/require-js-optimization-part2/

링크: 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://linqjs.codeplex.com/

점점 웹과 CS의 경계가 무너지는 듯 하다.

링크: 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.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.slideshare.net/jisuyoun/jenkins-javascript

링크: 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://knockoutjs.com/index.html

문서: http://knockoutjs.com/documentation/introduction.html

예제: http://knockoutjs.com/examples/

튜토리얼: http://learn.knockoutjs.com/

다운로드: http://knockoutjs.com/downloads/index.html

비기너 튜토리얼: http://www.codeproject.com/Articles/680553/Knockout-js-for-Beginners

링크: 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