튜토리얼을 보면, jumpTo(step) { this.setState({ stepNumber: step, xIsNext: (step % 2) ? false : true, }); } 123456 jumpTo(step) { this.setState({ stepNumber: step, xIsNext: (step % 2) ?…
ES6(부르는 용어가.. ECMAScript 6라고 부르기도하고, ECMAScript 2015 , ES6 , 뭐 여튼) 에 대해 천천히 공부해보자 일단 내가 알던 Javascript 와 다른 첫번째는 변수 선언에 관한 키워드…
이 글은 https://facebook.github.io/react/tutorial/tutorial.html 의 튜토리얼을 따라해본 것이다. 환경 설정을 마쳤다면(환경 설정이 안되어 있다면 이글을 확인), https://codepen.io/ericnakagawa/pen/vXpjwZ?editors=0010 에서 starter code를 받아보자. components 밑에 app.jsx 파일을 만들어 Square , Board , Game class를 생성하여…
이번 글은 https://facebook.github.io/react/tutorial/tutorial.html 의 튜토리얼을 따라해본 것이다. Javascript 로 Jquery를 주로 사용했던 개인 경험에 비춰보면 이건 신세계다. 마치 backend에서 빌드 파이프라인을 구축하듯이 front-end 또한 파이프라인을 구축한다. (튜토리얼에…
자바스크립트를 공부중이다. 자바스크립트는 scope 에 대해 다른 언어들과 다른 특징을 가지는데 먼저 유효범위에 있어서 블럭 범위가 아닌 함수 범위이다. 중복된 변수명의 경우 현재 실행문맥의 활성화…
자바스크립트 Array 내장 함수중 유용한것 몇가지를 적어놓는다. JavaScript var arry = [“a”,”b”,”c”]; var flag = true; for(var inx = 0 ; inx < arry.length; inx++){…
JavaScript /* getElementsByClassName 을 IE8 이하에서 동작하게 하는 코드 */ if (!document.getElementsByClassName) { document.getElementsByClassName = function (cn) { var rx = new RegExp(“(?:^|\\s)” + cn+…
@ 이 글은 http://programmingsummaries.tistory.com/108 를 참고하였습니다. 배열의 최대값 최소값 을 구하기 위해서 javascript 내장 함수인 Math.max를 사용한다 JavaScript var list =[1,2,3,4]; var max = Math.max.apply(null,list); var min…
JavaScript IE8에서Map function 사용하기”](function(fn){ if (!fn.map) fn.map=function(f){var r=[];for(var i=0;i<this.length;i++)if(this[i]!==undefined)r[i]=f(this[i]);return r} if (!fn.filter) fn.filter=function(f){var r=[];for(var i=0;i<this.length;i++)if(this[i]!==undefined&&f(this[i]))r[i]=this[i];return r} })(Array.prototype); 1234 IE8에서Map function 사용하기”](function(fn){ if (!fn.map) fn.map=function(f){var r=[];for(var i=0;i<this.length;i++)if(this[i]!==undefined)r[i]=f(this[i]);return…