반응형

Link : http://mobile.smashingmagazine.com/2013/07/22/simple-responsive-images-with-css-backgrounds/

 

Pickadate.js — Responsive date & time picker

Pickadate.js is a responsive, mobile-friendly jQuery date & time input picker. Just insert one line of code and get a date picker with a popup calendar.

pickadate.js

 

반응형
반응형
아들은
인생 어느 순간에 이르러서야
아버지의 삶을 들여다볼 눈을 뜨게 된다.
아들도 아버지처럼 실수도 실패도 해보고
후회도 하는 동안 아버지가 결코 완벽한
존재일 수 없었음을 깨닫게 된다.
그 깨달음과 연민은 아버지를
극복하는 디딤돌이다.


- 오태진의《사람향기 그리운 날엔》중에서 -


* 아들이 자라나
아버지가 되었을 때 아버지를 이해하게 됩니다.
아버지가 왜 울고 왜 아파했는지 알게 됩니다.
아버지의 삶, 아버지의 땀과 눈물을 비로소
이해하고 아버지를 극복하게 됩니다.
아버지는 완벽한 존재가 아닙니다.
넘을 수 없는 태산이 아닙니다.
작은 언덕입니다.


 

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

엉겅퀴 노래  (0) 2013.07.27
당신의 몸에서는 어떤 향이 나나요?  (0) 2013.07.26
코앞에 두고도...  (0) 2013.07.24
비가 내리는 날  (0) 2013.07.23
'야하고 뻔뻔하게'  (0) 2013.07.22
반응형

젊은이들은 집에 들어가면
부모에게 효도하고,
밖에 나가선 어른을 공경하며,
말을 삼가되 미덥게 하고,
널리 사람을 사랑하며,
어진 사람을 가까이 해야한다.
이런 일을 실천하고 남는 힘이 있으면
비로소 문헌을 배워야 한다.
-논어 학이편

 

‘어른 말을 잘 듣는 아이는 없다.
하지만 어른이 하는 대로 따라하지 않는 아이도 없다.’
사회심리학자 제임스 볼드윈 교수의 주장입니다.
자녀, 직원, 후학을 위한
인성교육은 솔선수범이 해답입니다.

 

반응형
반응형
300: 제국의 부활 공식 예고편 (한국어 CC)

 

 

 

반응형
반응형
드래곤 길들이기 2 공식 티저 예고편 (한국어 CC)

 

 

 

.

반응형
반응형

걱정은 내일의 슬픔을 덜어주는 것이 아니라 오늘의 힘을 빼앗아간다. - 코리 탠붐 -

반응형
반응형

effect

 

http://api.jquery.com/category/effects/

jQuery Hide/Show
jQuery Fade
jQuery Slide
jQuery Animate
jQuery stop()
jQuery CallbackjQuery Chaining

 

 

Animation

 

http://api.jquery.com/animate/

http://w3schools.com/jquery/jquery_animate.asp

 

 

UI

 

http://api.jqueryui.com/

 

 

 

Sizzle - javascript CSS selector engine

http://sizzlejs.com/

 

 

QUnit - javascript Unit Testing Framework

 - 자바스크립트 코드 테스트

http://qunitjs.com/

 

QUnit is a powerful, easy-to-use JavaScript unit testing framework. It's used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!

 

 

 

Simplify Ajax development with jQuery

http://www.ibm.com/developerworks/xml/library/x-ajaxjquery/index.html

 

Table of contents

 

 

 

 

반응형
반응형

[마소] 2013.07 Angular.JS - 서비스들과 의존성 주입

 

AngularJS의 서비스는 특정 기능을 담당하는 객체들을 서비스라고 한다.

공통된 특정 작업을 수행하는 싱글톤(singleton) 객체다.

singleton은 인스턴스가 단 1개만 존재하는 것을 보증하는 디자인 패턴이다.

예를 들어 기본 서비스로 제공하는 $http service  는 브라우저의 낮은 레벨에 해당하는 XMLHttpRequest 객체의 기능을 제공한다.

 

Angular services are singletons that carry out specific tasks common to web apps, such as the$http service that provides low level access to the browser'sXMLHttpRequest object.

 

To use an Angular service, you identify it as a dependency for the dependent (a controller, or another service) that depends on the service. Angular's dependency injection subsystem takes care of the rest. The Angular injector subsystem is in charge of service instantiation, resolution of dependencies, and provision of dependencies to factory functions as requested.

 

service

  • $anchorScroll  HTML5 spec에 지정된 규칙과 location hash의 현재 값에 따라 관련 요소의 
                               스크롤 처리를 한다.
  • $cacheFactory 캐시화할 객체를 관리한다.
  • $compile         HTML문자열이나 DOM의 템플릿을 스코프에 연결하도록 컴파일한다.
  • $controller       콘트롤러를 인스턴스화 한다.
  • $document       JQuery(lite)로 감싼 window.document 이다.
  • $exceptionHandler  angularJS에서 감지되는 모든 예외가 위임된다.
  • $filter                     정보 표현에 대한 formatting 처리를 한다.
  • $http                     XMLHttpReqeust 또는 JSONP에 대한 기능을 제공한다.
  • $httpBackend    테스트하는 경우 $http에 대한 대체처리가 된다. 직접 호출은 불가하다.
  • $interpolate     $compile의 처리와 같이 데이터 바인딩의 처리를 컴파일한다.
  • $locale        다국어 규칙을 제공한다.
  • $location     window.location 보다 발전된 기능을 제공한다. (HTML5 처리 등)
  • $log            로깅을 처리한다.
  • $parse        AngularJS 표현식으로 변환한다.
  • $q              Kris Kowal's Q(promise/deferred)와 동일한 기능을 제공한다.
  • $rootElement  AngularJS APP의 루트 요소를 얻는다.
  • $rootScope    AngularJS APP의 루트 스코프를 얻는다.
  • $route           URL을 감시해 해당 경로의 컨트롤러와 뷰를 mapping한다.
  • $routeParams  URL상의 파라미터를 관리한다.
  • $templateCache HTML templete을 cache한다.
  • $timeout     window.setTimeout과 같은 기능을 하지만 $exceptionHadler와 연동 처리된다.
  • $window   전역 변수 오염의 방지와 테스트를 위해 브라우저의 window와
                         동일한 기능을 하는 객체를 제공한다.
  •  

     

     

    * 의존성 주입 (Dependency Injection)
    의존성 주입 적용으로 얻을 수 있는 이점

    - 종속성의 설정을 컴파일 시에서 실행 시로 조정해 모듈 간의 결합도를 낮출 수 있다.

    - 여러 곳에서 사용 중인 모듈을 소스 코드의 수정없이 사용할 수 있어 재사용율이 높다.

    - 모의 객체 등을 이용한 단위 테스트 시 편의성을 높여준다.

     

    의존성 주입 패턴

    - 생산자 주입 : 필요한 의존성을 모두 포함하는 클래스의 생성자를 만들고, 그 생성자를 통해 의존성을 주입한다.(new 연산자를 통한 생성)

    - 세터(setter)를 통한 주입 : 의존성을 입력받는 세터 메소드를 만들어 의존성을 중비한다.

    - 인터페이스를 통한 주입 : 의존성을 주입하는 함수가 포함된 인터페이스를 작성하고, 이를 구현하도록 함으로써 실행 시 의존성을 주입한다.

     

     

     

     

     

    반응형

    + Recent posts