Dev(84)
-
Future of JavaScript in 2017 and Beyond
JavaScript’s Journey Through 2016 Every year, there seems to be more and more ways to use JavaScript and 2016 turned out to be no different. Depending on your level of optimism, this can be extremely exciting or extremely confusing. Last year, we made some predictions about JavaScript in 2016. Now, we’ll look back to see if our predictions held true or went the way of the political pundits. Then..
2017.08.31 -
React가 프론트엔드에서 인기를 끌고 있는 이유
다른 프론트엔드 프레임워크나 라이브러리와 비교하는 것은 아니고 순수 javascript의 Dom api와 비교를 합니다. 비교를 통해서 인기있는 이유, 사용하는 이유를 아래의 블로그에서 확인하시기 바랍니다. https://medium.freecodecamp.org/yes-react-is-taking-over-front-end-development-the-question-is-why-40837af8ab76
2017.08.26 -
자바스크립트 import에 관하여(에디터 snippet에 관하여)
http://2ality.com/2017/08/typing-import-statements.html 위의 블로그 글에서 재미있는 이야기를 합니다. 내용인즉 import from 문법이 위치가 반대여야 하지 않느냐는 견해에 대한 블로거 본인의 견해와 해결책을 제시합니다. 자세한 내용은 블로그에 방문해서 확인하시기 바랍니다. 해결책만 살짝 남겨보자면.. visual sudio code 에디터를 통한 snippet을 알려줍니다. "import": { "prefix": "imp", "body": [ "import ${2:entities} from '${1:specifier}';$0" ], "description": "import statement" }고맙게도 댓글에 다른 분께서 atom을 위한 snippet도 ..
2017.08.23 -
Jqeury에서 벗어나 vanillaJS로
HTML 형태의 string 타입으로 dom 생성하는 법 출처 var s = 'text'; // HTML string var div = document.createElement('div'); div.innerHTML = s; var elements = div.childNodes;
2017.08.09 -
기생 조합 상속 parasitic combination inheritance
function object(o){ function F(){} F.prototype = o; return new F(); } function inheritPrototype(subType, superType) { var prototype = object(superType.prototype); prototype.constructor = subType; //if omit (new SubType()).constructor === superType subType.prototype = prototype; } function SuperType(name){ this.name = name; this.type = "human"; } SuperType.prototype.sayName = function () { alert(..
2017.08.06 -
webpack resolve
import나 require로 외부 모듈을 가져올 때 어디서 어떻게 가져올지 정의한다. 공식 문서 resolve를 별도로 설정하지 않았을 경우import jquery from 'jquery' 와 같이 정의한다면 node_modules에 있는 jquery를 가져옴 예 )http://moduscreate.com/es6-es2015-import-no-relative-path-webpack/resolve: { modules: [ path.resolve('./client'), path.resolve('./node_modules') // webpack 의 기본값으로 node_modules이 설정되어 있어 별도의 설정은 필요없음 ]}, 참고 : https://stackoverflow.com/questions/2896..
2017.07.29