Frontend 8

[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

The Art & Science of CSS pdf를 어여~ 다운받으세요~

css에 관심있으신 분들은 sitePoint에서 무료로 제공하는 pdf를 한정기간동안 다운로드를 할 수 있다고 합니다. 오늘로서 남을 일수는 7일. The Art & Science of CSS 란 책은 국내에서 올해 9월달에 번역서가 나온것 같은데, 아직 읽어보지 않아서 좋은지 않좋은지는 아직 의문이지만, 관심있는 분들은 한번 받아보심이.. http://twitaway.aws.sitepoint.com/ 여기 링크로 들어가셔서 메일주소를 넣으면 메일로 다운로드 가능한 주소가 날라갑니다. 그 링크를 클릭만 하면 끝! 이 책을 통해, Format calendars, menus and table of contents using CSS Create horizontal, vertical and tab-based n..

Frontend/Css 2008.11.25

[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

웹표준을 위한 CSS

다음 내용은 "고급 웹 표준 사이트 제작을 위한 CSS 마스터 전략" 책을보던 중에 기억하고 싶은 링크와 글을 정리한것입니다. 유효성 검사 도구 http://validator.w3.org/ This is the W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards. firefox용 플러그인 http://chrispederick.com/work/web-developer/ (X)HTML과 CSS유효성검사, X(HTML) 엘리먼트 구조 보기, 스타일시트 기능 끄기, 브라우저 안..

Frontend/Css 2007.06.15

innerHTML

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

Frontend/Javascript 2007.03.03