세줄코딩

여기에 service와 factory에 대한 좋은 글이 있다. http://www.haruair.com/blog/3223 아래는 위 블로그의 주요 글 내용 요약이다. service : 생성자 함수와 같이 동작하고 new 키워드를 사용해 인스턴스를 초기화 한다. 서비스는 퍼블릭 메소드와 변수를 위해 사용한다. factory : 비지니스 로직 또는 모듈 제공자로 사용한다. 객체나 클로저를 반환한다.객체 참조에서 연결 및 갱신을 처리하는 방법으로 인해 노출식 모듈 패턴(Revealing module pattern) 대신 호스트 객체 형태로 반환한다. 왜?: 노출식 모듈 패턴을 사용하면 초기값을 변경할 수 없는 경우가 있기 때문이다. 차이점 : 일반적으로 상속이 필요한 데이터 핸들링이나 모델링 등의 경우에는 S..

ES6에서 지원하는 스프레드 연산자 .. // var a, b, c, d, e; a = [1,2,3]; b = "dog"; c = [42, "cat"]; // Using the concat method. d = a.concat(b, c); // Using the spread operator. e = [...a, b, ...c]; console.log(d); console.log(e); // Output: // 1, 2, 3, "dog", 42, "cat" // 1, 2, 3, "dog", 42, "cat" // 참고 - MS - https://msdn.microsoft.com/ko-kr/library/dn919259(v=vs.94).aspx MDN - https://developer.mozilla.org..

대충 아래와 같은 코드가 있다고 치면 var positions=[{y:20, x:10}, {y:100, x:30}];var contents="좌표설정구간";var tags=''+ contents +''; 값과 문자열 간의 구분을 할때 저놈에 따옴표는 엄청 스트레스이다. ES6에선 아래와 같이 깔끔하게 해결해 주신다. `string text``string text line 1 string text line 2``string text ${expression} string text` tag `string text ${expression} string text` 아래는 모질라 문서의 설명부분 emplate literal 들은 double 또는 single quiotes 대신 back-tick (` `) char..

먼가 굉장히 심플해 보인다.... webpack이나 babel 설정등으로 고생을 이제 안해도 되는 건가? 걍 아래 처럼 해도 될듯https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html app react-app new react-app run 그런데....How to Customize --> coming soon 으로 기재되어 있다. 머 좀 더 기다리면 기대한 물건이 나올 듯 하다... 참고 : https://github.com/kriasoft/react-app

아래 내용은 MDN 에서 발췌했습니다~ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/importimport name from "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1 , member2 } from "module-name"; import { member1 , member2 as alias2 , [...] } from "module-name"; import defaultMember, { me..

Arrow Function 참고 모질라 개발자 문서 (이외에도 좌측 메뉴에서 다양하게 살펴 볼 수 있다. )https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98 ES6 를 ES5로 전환해서 살펴볼 수 있음 --> http://es6console.com/ 아래는 모질라 문서에서 arrow 함수부분만 발췌해 했다.(param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // 다음과 동등함: => { return expression; } // 괄호는 매..

프로 리엑트 책을 보면서 스텝바이스텝 하고 있는데 리엑트 버전업으로 인해 이것저것 바뀐게 많다. 게다가 오타까지.....내가 코딩한 것도 오타가 많은데 책까지 오타가 많다.....정말 별거 아닌걸로 삽질의 연속~ 은근 스트레스~ 책의 전체적인 퀄리티는 나쁘지 않은데별 사소한거로 책의 전반적인 좋은 이미지를 깍아 먹는 듯....그리고 한가지 더 말하자면 코딩 스타일 좀 일관성 있게 작성했으면 하는 아쉬움도 있다. 라고 하면 좋겠는데 아쉬움을 넘어서 졸 짜증난다. 나처럼 따라서 해보는 사람들에겐 정말 스트레스이다.중간에 const arrow function 으로 작성했다가 걍 단순 function 타입으로 작성하질 않나....나원참.... 암튼 지금 절반 정도 본듯....일단 칼을 뽑았으니 무라도 베긴 해야..

React.js 시작하기. 환경설정. -IDE 선정. sublime Text or Webstorm -webpack ( node.js 설치 가정하에 진행 - 설치가 안되어 있다면 node.js 설치하자. )1. 프로젝트 폴더 생성>터미널에서 해당 프로젝트 폴더로 이동2.터미널에서 npm init3.터미널에서 npm install --save-dev webpack@1.13.1 ( 정적파일제공 ) 정적파일이 아닌 소스파일을 수정하면 자동으로 브라우저를 새로 고치는 개발 서버는 아래와 같이 하자. npm install --save-dev webpack-dev-server@1.14.13.프로젝트 폴더 root경로에 webpack.config.js 생성시킴. ( 맥 터미널에서 touch webpack.config...