반응형

성공과 명예란 항상
곤궁에 처한 날을 거쳐 이루어지는 것이요,
일을 그르침은 거의가
득의했다고 자만할 때에 이루어지는 것이다.
-임동석 역주, ‘석시현문’에서

 

중국에서 명심보감 보다 인기 있는
현문에 나와 있는 유사 내용을 함께 보내드립니다.
‘영화와 총애의 곁에는 욕됨의 기다림이 있고,
빈천의 등 뒤에는 복이 이를 따르고 있다.’
‘고통 속에 더 큰 고통을 겪어보아야 비로소
사람 중의 윗사람이 될 수 있다.’

반응형
반응형

우리는 행복했다.
예술과 철학에 대해 토론이 시작되면
몇 시간이고 지칠 줄 모르고 이야기를 나눴다.
토론이 시들해지면 사랑을 나누곤 했다.
젊고 거칠 것 없이 자유분방한 우리였기에,
절제도 수줍음도 몰랐다. 그러다 때로
심각한 언쟁이 붙으면 남준은 웃으며
"말 되게 많네, 시끄러워"하고는
나에게 달려들어 덮치곤 했다.


- 구보타 시게코의《나의사랑, 백남준》중에서 -


* 누군가와 세상을 살아가면서
"우리는 행복했다"고 말할 수 있는 사람,
또 그런 순간이 과연 얼마나 많이 있을까요?
부부든 친구든 어느 시점에서 서로를 바라보며
"우리는 행복했다"고 말할 수 있다는 것은
참으로 감사하고 행복한 일입니다.
지칠 줄 모르고 하는 사랑이
그 징검다리입니다.

반응형

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

사랑할수록  (0) 2013.02.18
얼마만의 휴식이던가?  (0) 2013.02.15
단식과 건강  (0) 2013.02.13
아버지의 포옹  (0) 2013.02.12
엄마의 기도상자  (0) 2013.02.08
반응형

6시 10분 입수

자유형 8

오리발 착용

자유형 발차기 4

자유형 10

자유형 50m 인터벌 6

 

접영 킥 1

 

출근때문에 오늘은 여기까지만.

 

반응형

'운동일지 > 수영' 카테고리의 다른 글

2013.02.16 수영일지  (0) 2013.02.16
2013.02.15 수영일지  (0) 2013.02.15
2013.02.07 수영일지  (0) 2013.02.07
2013.02.06 수영일지  (0) 2013.02.06
2013.02.05 수영일지  (0) 2013.02.05
반응형

많은 사람들이 인생에서 성공하지 못하는 이유는기회가 문을 두드릴 때 뒤뜰에 나가 네잎클로버를 찾기 때문이다. - 월터 크라이슬러 -

반응형
반응형

jquery와 angulars 같이 사용하기.

requireJS로 시작했다가 무거운거 같아서 그냥 같이 쓰는걸로 해봤다.

문법적인 문제는 발견되지 않았다. 너무 간단한 테스트라서 그럴지도.

 

AS-IS

 : index.html에 require.js와 main.js, angular.js, controllers.js 등을 녹여넣었다.

* index.html

<!doctype html>
<html lang="en" ng-app>
    <head>
        <title>jQuery+RequireJS Sample Page</title>
        <!-- This is a special version of jQuery with RequireJS built-in -->
        <script data-main="scripts/main" src="scripts/require-jquery.js"></script>
               </script>
    </head>
    <body ng-controller="PhoneListCtrl" >
        <h1>jQuery+RequireJS Sample Page</h1>
        <p>Look at source or inspect the DOM to see how it works.</p>
       
       
       
        <div id="mydiv">aaa</div>
        <p>Total number of phones: {{phones.length}} </p>
        <p>Angulars Templates - http://docs.angularjs.org/tutorial/step_02</p>

 <p>Nothing here {{'yet' + '!'}}</p>
 
 <p>1 + 2 = {{ 1 + 2 }}</p>
 
 <p class="hello">{{hello}}______</p>
    </body>
</html> 

* main.js - require.js에서 사용함. 

 require(["jquery"], function($) {
  $("#mydiv").html("Hello this is RequireJS talking");
});


require(["jquery", "jquery.alpha", "jquery.beta"], function($) {
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded.
    $(function() {
        $('body').alpha().beta();
    });
});

// angular.JS, controllers.js 를 LOAD.
require(["angular"], function($) {

});
require(["controllers"], function($) {

});

* controllers.js - angular.js에서 사용 

 function PhoneListCtrl($scope) {
  $scope.phones = [
    {"name": "Nexus S",
     "snippet": "Fast just got faster with Nexus S.",
     "age": 0},
    {"name": "Motorola XOOM™ with Wi-Fi",
     "snippet": "The Next, Next Generation tablet.",
     "age": 1},
    {"name": "MOTOROLA XOOM™",
     "snippet": "The Next, Next Generation tablet.",
     "age": 2}
  ];
 
  $scope.orderProp = "age";  
  $scope.hello = "Hello, world!"; 
}

 

TO-BE

* index.html 에 다 순차적으로 호출하였다.(require.js 사용안함) 

 <!doctype html>
<html lang="en" ng-app>
    <head>
        <title>jQuery+RequireJS Sample Page</title>
        <!-- This is a special version of jQuery with RequireJS built-in -->
        <script src="scripts/angular.js" ></script>
      <script src="scripts/controllers.js"></script>
      <script src="scripts/jquery-1.5.2.min.js"></script>
      <script src="scripts/jquery.alpha.js" ></script>
      <script src="scripts/jquery.beta.js" ></script>
        <script>        
         $(document).ready(function(){
             $("#mydiv").html("Hello this is RequireJS talking");
             $('body').alpha().beta();
         });
   
        </script>
    </head>
    <body ng-controller="PhoneListCtrl" >
        <h1>jQuery+RequireJS Sample Page</h1>
        <p>Look at source or inspect the DOM to see how it works.</p>
       
       
       
        <div id="mydiv">aaa</div>
        <p>Total number of phones: {{phones.length}} </p>
        <p>Angulars Templates - http://docs.angularjs.org/tutorial/step_02</p>

 <p>Nothing here {{'yet' + '!'}}</p>
 
 <p>1 + 2 = {{ 1 + 2 }}</p>
 
 <p class="hello">{{hello}}______</p>
    </body>
</html>

 

 

 

 

 

 

반응형
반응형

 

RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.

 

http://requirejs.org/

 

 

프로젝트에 require.js와 main.js 파일이 필요하다.

아래에서 main.js를 호출하는 구문이다.

<script src="require.js" data-main="main"></script>

main.js( data-main="main" )에 로드할 JSLibrary와 해당 JSLabrary의 구문을 입력하면 된다.

아래에는 "jquery.js" 가 있어야 실행이 된다.

require(["jquery"], function($) {
  $(‘#mydiv”).html(‘Hello this is RequireJS talking”);
});

 

** Optimize your JavaScript with RequireJS

http://www.webdesignerdepot.com/2013/02/optimize-your-javascript-with-requirejs/

 

 

IE 6+ .......... compatible ✔
Firefox 2+ ..... compatible ✔
Safari 3.2+ .... compatible ✔
Chrome 3+ ...... compatible ✔
Opera 10+ ...... compatible ✔

Get started then check out the API.

 

require.js 2.1.4MinifiedWith Comments

All you need to start using require.js in the browser.

Sample RequireJS 2.1.4 + jQuery 1.9.1 projectDownload

A zip file containing a sample project that uses jQuery and RequireJS.

r.js: Optimizer and Node and Rhino adapterDownload

The r.js file allows you to run the optimizer as well as run modules in Node or Rhino.

If you are running in Node, and want to use npm to install this file via npm, see the Use with Node page for more information.

For information on its use, as well as how to get the JAR files to run it under Rhino, see the r.js README.

Plugins§ 2

These are useful loader plugins that have the same license terms as require.js itself. Download the plugin file and place it as a sibling to your "data-main" main.js script.

textDownload

Load text files and treat them as dependencies. Great for loading templates. The text strings can be inlined in an optimized build when the optimizer is used.

domReadyDownload

Wait for the DOM is ready. Useful for pausing execution of top level application logic until the DOM is ready for querying/modification.

cs (CoffeeScript)Download

Load files written in CoffeeScript. With this plugin, it is easy to code in CoffeeScript in the browser, it can participate in the optimizer optimizations, and it works in Node and Rhino via the RequireJS adapter. This is the best way to do cross-environment, modular CoffeeScript. The project home has more information on how to install and use it.

i18nDownload

Load string bundles used in internationalization (i18n) that are made up of separate country/language/locale-specific bundles.

반응형
반응형
마이크로소프트웨어(2013.02), 습관의 힘, 프레임

 

마이크로소프트웨어 (월간) 2월호
국내도서>잡지
저자 : 마소인터렉티브편집부
출판 : 마소인터렉티브(잡지) 2013.01.29
상세보기

 

습관의 힘
국내도서>경제경영
저자 : 찰스 두히그(Charles Duhigg) / 강주현역
출판 : 갤리온 2012.10.30
상세보기

 

프레임
국내도서>자기계발
저자 : 최인철
출판 : 21세기북스(북이십일) 2007.06.08
상세보기

반응형
반응형

단식은
생리학상 가장 중요한 신경적,
정신적 기능을 정상상태로 안정시켜
젊게 만드는 효과를 준다. 즉 신경조직은 소생되고
정신력은 개선된다. 분비선 조직과 호르몬 분비는
자극되며 촉진된다. 조직의 생화학적인
미네랄의 균형도 평준화된다.


- 김진대의《단식과 건강》중에서 -


* 단식은 강력합니다.
자신의 육체적 정신적 건강이 '리셋'되고
삶 전체에 일대 전환이 이루어질 수도 있습니다.
불치의 큰 병에 걸린 사람도 더러 살려내고,
젊고 건강할 때 하면 건강을 지켜줍니다.
1년에 한 번쯤 꼭 실천해 보십시오.
자신에게 '비움'의 선물로.

반응형

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

얼마만의 휴식이던가?  (0) 2013.02.15
"우리는 행복했다"  (0) 2013.02.14
아버지의 포옹  (0) 2013.02.12
엄마의 기도상자  (0) 2013.02.08
황홀경은 짧다  (0) 2013.02.07

+ Recent posts