Frontend/Javascript 6

[Vue.js] Vue.js 개발 입문하면서 궁금했던 기초 질문들 & 소소한 링크들

Vue.js 개발 입문하면서 궁금했던 기초 질문들 & 소소한 링크들 공식 문서에 다 나오는 내용이지만, 처음에 궁금했던 것만 간추려서 작성해 보았습니다. 일단 인스턴스 라이프사이클 다이어그램부터 보고 시작하자. Vue 인스턴스의 생성부터 소멸까지의 라이프사이클 hook을 이용하기 위해서는 반드시 알아야 할 그림 자세히 보기 : 인스턴스 라이프사이클 훅 camelCase vs. kebab-case 어떻게 써야하나? HTML 속성은 대소 문자를 구분하지 않으므로 문자열이 아닌 템플릿을 사용할 때 camelCased prop 이름에 해당하는 kebab-case(하이픈 구분)를 사용해야 한다. Vue.component('child', { // JavaScript는 camelCase props: ['myMessa..

Frontend/Javascript 2019.07.22

[Node.js] 관련 링크들 중 책갈피한 내용들

요즘 한창 재미난 Node.js 관련 링크들 중 개인적으로 책갈피한 내용들밑의 문서는 원서 내용 발췌. (한글번역 문서 : http://nodeguide.atelier.weaveus.com/index.html)Felix's Node.js Guide 링크중에서Using EventEmittersNode.js implements the observer pattern using a class called EventEmitter. Whenever there is an object that represents the source of several kinds of events, node.js usually makes the underlaying class inherit from EventEmitter.Using E..

Frontend/Javascript 2012.06.05

[dojo] Dijit과 친해지기 2탄

/** * 이 글은 거의 영문 자료를 보고 제가 이해한 내용이기에~ 간혹.. 말이 안되는 때는 지적을 해주세용~ **/ 7. Widget Lifecycle 모든 위젯은 dijit._Widget을 상속하고, 대부분 _Templated mixin한다. 그리고 extension points(methods)를 오버라이드할 수 있다. * _Widget 1) Lifecycle methods 출처 : Mastering Dojo preamble() : constructor전에 arguments를 조작하기 위한 기회를 제공. 거의 사용되지 않는다. constructor() : custom behavior를 perform하기 위해 override할 수 있는 첫번째 메소드 하는일 두가지 1. primitive type이 아..

Frontend/Javascript 2008.11.20

[dojo] Dijit과 친해지기 1탄

/** * 이 글은 거의 영문 자료를 보고 제가 이해한 내용이기에~ 간혹.. 말이 안되는 때는 지적을 해주세용~ **/ 1. Dijit이란? Dojo widget system. Javascript Function Object. Create widgets programmatically, or use declarative markup. HTML markup, css, javascript, static resource인 image와 같은 resource의 collection이다. widget은 dojo.declare로 생성된다. 2. 선언적인 방법으로 위젯(declarative widget) 생성하기 widget은 HTML markup으로 생성되고 dojoType= attribute로 선언한다. 이 방법으로 ..

Frontend/Javascript 2008.11.20

innerHTML

Head Rush Ajax책의 "자주 묻는 질문중".. Q: 의 텍스트를 읽고 쓰는 더 쉬운 방법은 없나요? "innerHTML" 이라는 속성을 쓰면 안에 HTML을 집어 넣을 수 있다고 들었는데요. 그렇게 하면 안되나요? A: innerHTML 속성은 엘리먼트의 내용을 읽고 쓰는데 좋은 방법이 아니예요. 그건 DOM 명세가 아니고 W3C에서 더 이상 쓰지 말라고 한거예요. 앞으로 새로 나오는 브라우저는 지원하지 않을거에요. 게다가 몇몇 브라우저는 지금도 그걸 지원하지 않아요. DOM은 브라우저만 있으면 언제든, 어떤 플랫폼에서든 사용할 수 있다. innerHTML 관련 문서 innerHTML 과 createElement의 성능비교 DOM과 innerHTML 방법에 대한 비교 분석

Frontend/Javascript 2007.03.03