Ideveloper's software blog

ES6es6 === es2015개선된 javascript 문법이다.es6 browser compatibility의 훌륭한 지원. (호환성이 훌륭하다)es6를 기반으로한 javascript 생태계의 확산.https://kangax.github.io/compat-table/es6/ 지원되는 브라우저 확인 urlbabel을 통해 es5로 바꿀수 있다.letes6전에서는 function단위의 scope만 존재했었음. 함수단위이므로 아래는 지역변수값을 먼저 체크하고, 그다음은 전역변수를 체크한다. var name = "global var"; ​ function home() { var homevar = "homevar"; for(var i=0;i

Redux Flux액션생성자:변경사항과 상호작용이 거쳐가야 하는 액션의 생성을 담당하고 있다. 뷰를 업데이트 하려면 액션을 생성해야만 한다. 디스패쳐:액션을 보낼 필요가 있는 모든 스토어를 가지고 있고, 액션 생성자로부터 액션이 넘어오면 여러 스토어에 액션을 보낸다.동기적으로 실행된다. 스토어:모든 상태 변경은 반드시 스토어에 의해서 결정되어야 한다. 만약 스토어가 디스패쳐에 등록되어 있다면 모든 액션을 받게 될 것이다. 스토어에 상태 변경을 완료하고 나면,컨트롤러 뷰에 상태가 변경했다는 것을 알려주게 된다. 뷰:발표자와 같다. 컨트롤러 뷰는 스토어와 뷰 사이의 중간관리자 같은 역할을 한다. 상태가 변경되었을때 스토어가 그 사실을 컨트롤러 뷰에게 알려주면, 컨트롤러 뷰는 자신의 아래에 있는 모든 뷰에게 ..

REACT Life Cycle 리액트 처음 시작할때 어려운 부분일 수 있는 life cycle에 대해서 정리해보겠씀다 컴포넌트가 DOM 위에 생성되기 전 후 상태를 업데이트하기 전 후 컴포넌트가 사라지기 전 에 실행되는 메소드 컴포넌트 주기 1. componentWillMount 렌더링 되기 전2. componentDidMount렌더링 된 후 -렌더링이란? 참고 : http://meetup.toast.com/posts/110 컴포넌트의 Props나 State의 변경이 있을 때 React는 컴포넌트의 이전 상태 엘리먼트와 새로 만들어진 엘리먼트를 비교하고 실제 DOM의 업데이트 여부를 결정한다. 엘리먼트를 비교하여 찾은 변경 점에 대해서만 갱신하는 것이다.그리고 엘리먼트는 기본적으로 Immutable이기 ..

커링함수와 인자를 다루는 방법필요한 인자가 다채워지면 함수 실행 (중요한 개념)함수를 조합해 나가는 개념이다!! 함수형 프로그래밍의 대표적 예이다.function _curry(fn){ return function(a){ return function(b){ return fn(a,b); } } } ​ //example var add= _curry(function(a,b){ return a+b; }) ​ 1.console.log(add(5)(3)); ​ 2.var add5=add(5); console.log(add5(3)); ​ 1과2는 같은결과-심화아래와 같이 위의 curry함수를 바까야 add(1,2)와 같은 형태를 실행시킬수 있음. 기존 함수로 실행하면 함수리턴 ​ function _curry(fn){ ..

다형성 map, filter등은 함수가 아니라, 객체의 메소드이다.메소드는 해당클래스의 인스턴스에서만 작동 (map,filter는 array 에서만 작동)jquery 객체 => array like 객체 , array가 아니라 map과 filter를 쓰지 못함.function _map(list,mapper){ var new_list=[]; for(var i=0;i객체지향적)응용형 함수,고차함수들은 두번째 보조함수 안에서 자유롭게 수정이 가능하므로, 데이터면에서 자유롭고, 다형성인면이 있음! (_map, _filter)

은행권 공동 오픈 플랫폼 api 가져와 레일스로 만든프로젝트에 출력해보기! 말은 거창하지만 별거없슴다 하하 먼저 실습을 하기에 앞서, 간단히 숙지해야 할 내용을 정리하겠습니당. 1. API 호출 api 를 사용할때, 발급받은 액세스 토큰으로 API에 요청할 수 있다.이를 전달 토큰(bearer token)이라 하고, 주로 헤더에 넣어 보낸다.우리는 미리 발급된 액세스 토큰을 사용할 예정이다. "Authorization: Bearer 액세스 토큰" 2. Postman get 방식이나, post 방식으로 데이터를 요청하거나 전달 받을때 사용하는 프로그램이다! https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop 위..

레일즈 설치하기$ brew update $ brew install rbenv루비버전관리자인 rbenv를 설치해준다. rbenv install -l rbenv install 2.3.3 gem install rails rbenv install -l로 설치할 수 있는 루비 버전을 확인한다.2.3.3버전을 설치해주었다.rails를 설치해준다.rbenv rehash위 명령어로 설치를 마무리한다. 나는 gem install rails 를 했을떄, 이와 같은 에러가 떳는데, 맥은 루비가 기본으로 깔려있어서, 그 루트에 접근하여서 그런것이다. 만약 이와 같은 에러가 뜬다면 echo 'eval "$(rbenv init -)"' >> ~/.bash_profile명령어를 입력해주면해결된다. rails -v 명령어를 통해, ..

함수형 프로그래밍 function _filter(list,predi){ var new_list=[]; for(var i=0;i=30;}));응용형 프로그래밍, 적용형 프로그래밍filter함수 ->고차함수,응용함수고차함수란? -함수안에 함수 function _map(list,mapper){ var new_list=[]; for(var i=0;i=30;}); var ages = _map(over_30,function(user){ return user.age; })