Ideveloper's software blog

es6- class를 통한 객체생성 | es6의 클래스에 대해 알아봅시다. http://poiemaweb.com/es6-class 참고자바스크립트는 프로토타입 기반(prototype-based) 객체지향형 언어다. 비록 다른 객체지향 언어들과의 차이점에 대한 논쟁들이 있긴 하지만, 자바스크립트는 강력한 객체지향 프로그래밍 능력들을 지니고 있다.프로토타입 기반 프로그래밍은 클래스가 필요없는(class-free) 객체지향 프로그래밍 스타일로 프로토타입 체인과 클로저 등으로 객체 지향 언어의 상속, 캡슐화(정보 은닉) 등의 개념을 구현할 수 있다.우선,ES5에서는 생성자 함수와 프로토타입을 사용하여 객체 지향 프로그래밍을 구현하였다. 그리고 ES6의 클래스는 기존 프로토타입 기반 객체지향 프로그래밍보다 클래스..

es6 - Arrow function | Arrow function 활용let newArr = [1,2,3,4,5].map(function(value){ return value * 2; });아래와 위는 같다.(syntax 유지)let newArr = [1,2,3,4,5].map((value)=> value * 2);배열 map, reduce,filter 함수의 콜백에서 arrow function이 자주 사용될 수 있다. | Arrow function 의 this context arrow function의 this context 유지 속성 덕분에, bind 함수를 쓸 필요가 없어지게 된다.Ex1)const myObj ={ runTimeout(){ setTimeout(function(){ this.prin..

ES6-Destructuring 활용 json 파싱 destrucuring에 대해서 개념이 숙지되지 않은 분들은http://ideveloper2.tistory.com/47를 참고하고 오길 바랍니다.var news=[ { "title" : "sbs", "imgurl" : "http://블라블라" "newslist" : [ "test", "test2" ] }, { "title" : "mbc", "imgurl" : "http://블라블라" "newslist" : [ "test", "test2" ] }, ]; ​ //1 let [,mbc]=news; let{title,imgurl} = mbc; console.log(title,imgurl); //2 let [,{title, imgurl}] = news; cons..

ES6-간단히 객체 생성하기, Destructuring array >간단히 객체 생성하기​ function getObj(){ const name ="crong"; const getName=function(){ return name; } const setName = function(newname){ name=newname; } const printName=function(){ console.log(name); } return{ getName,setName } } ​ var obj=getObj(); console.log(obj.getName());위와 같이 객체를 쉽게 생성할 수 있다. >Destructuring Array let data=["crong","honux","jk","jinny"]; //아래는 ..

함수형 프로그래밍- reduce함수function _reduce(list, iter, memo){ if(arguments.length == 2){ memo = list[0]; //slice는 array만 사용가능 list = list.slice(1); } _each(list,function(val){ memo = iter(memo,val); }); return memo; } ​ console.log( _reduce([1,2,3], add, 0)); //6 ​ memo = add(0,1); memo = add(memo, 2); memo = add(memo, 3); return memo;reduce는 말 그대로 축약하는 함수이다. (재귀)개발자가 고민을 덜하게한다.쉽게 코딩을 할 수있다. console.lo..

Git - 과거 커밋으로 돌아가기 종종 프로젝트를 진행하다보면, 깃의 예전 커밋으로 돌아가야할때가 있다. 그럴땐 아래 명령어들을 실행해주면된다. 1.git reset --hard "커밋id"2.git push -f origin 브랜치명 매우 간단하다!

ES6-from 메서드로 진짜 배열 만들기//ES2015 from method ​ function addMark(){ let newData =[]; for(let i=0; i

ES6-Spread operator >spread oprator? 펼침 연산자라 생각하면 된다. //spread operator, 펼침 연산자. ​ let pre = ["apple", "orange",100]; let newData = [...pre]; console.log(pre === newData); ->false >spread oprator의 활용 //spread operator, 펼침 연산자. ​ let pre = [100,200,"hello",null]; let newData = [0,1,2,3,...pre,4];예전같으면 배열의 인덱스 확인하고, 자르고, 넣고하는 과정들이 있었을 것이다.이를생각하면 정말 간편해진 것이다.!! function sum(a,b,c) { return a+b+c; }..