일이란 본래 육체로 하는 것이지 정신으로 하는 것이 아니다.

글씨를 쓰더라도 먼저 손을 놀려야 한다. 일의 시초는 육체의 발동에 있다.

무엇을 해야 한다는 마음은 있으면서 막상 시작은 못하고 망설이는 사람이 있는데,

 우선 시작부터 하고 나면 일은 진전되게 마련이다.

머리속에 스스로 무거운 짐을 짊어지지 말고 가볍게 손을 놀리는 것이 중요한 일이다.

- 카네기 -

.

순탄한 삶은 좀 더 신랄한 유혹으로
인간 정신을 시험하는 법이다.
불행은 그저 견뎌내는 것인 반면
행운은 타락하게 하기 때문이다.
안정성에 대한 욕구는 모든 위대하고 고귀한 대업에 장애가 된다.
- 타키투스 (로마 역사가)

몸을 고통스럽게 하는 것들 중에
영혼에 이익이 되지 않는 것은 없다는 말이 있습니다.
고통과 역경, 불확실성이 두려워 현재에 머물려고 하는 것이
인간 본성이랄 수 있습니다.
그러나 (특히 젊은이들에게) 가장 위험한 것은
안정을 희구하는 욕망이라 할 수 있습니다.

안주(安住)하려고 하면 반드시 후퇴가 찾아오기 때문입니다.

자바 스크립트에서 null 과 undefined 를 체크

typeof 연산자는 형식 정보를 다음 중 하나의 문자열로 반환해준다.

number, string, boolean, object, function, undefined

EX : if ( typeof a == "undefined" ) xxxx 실행

.

Background Check: Automatically change element colors

BackgroundCheck

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

• Project Page
• Slider
• Fixed Nav

How it works

If an element overlaps any of the images, either .background--dark or .background--light is added to it. BackgroundCheck does not change an element's style — you must do so using CSS.

For example, if <p> has the following default style:

p {
  color: white;
}

you can then add the following:

p.background--light {
  color: black;
}

Classes are only added if the element overlaps an image. An element is considered to overlap an image if at least 50% (configurable) of it's area is covering that image.

Complex backgrounds

The light and dark classes work well with simple backgrounds, but you might require an additional level of control for elaborate backgrounds. BackgroundCheck adds .background--complex to an element if its background exceeds a certain level of complexity.

This class can be used as an intermediate state:

p.background--light {
  color: black;
}

p.background--dark {
  color: white;
}

p.background--complex {
  color: gray;
}

or:

p.background--dark.background--complex {
  color: #ccc;
}

p.background--light.background--complex {
  color: #aaa;
}

How to use

Initialize

// Check all elements with a .target class against all images on a page
BackgroundCheck.init({
  targets: '.target'
});

// Specific images
BackgroundCheck.init({
  targets: '.target',
  images: '.thumbnails'
});

Reprocess

// All targets
BackgroundCheck.refresh();

// Specific target
BackgroundCheck.refresh(target);

Setters and getters

// Get current targets
BackgroundCheck.get('targets');

// Change targets
BackgroundCheck.set('targets', '.header');

Stop

BackgroundCheck.destroy();

Attributes

Used with .init(), .set() or .get()

• targets: Elements to be processed. Type: String, Element or Nodelist. Required.
• images: Images to be used. Type: String, Element or NodeList. Default: All images on page.
• changeParent: Determines if classes are added to a target or to its parent. Default: false.
• threshold: Midpoint between dark and light. Default: 50 (%).
• minComplexity: Minimum image complexity required before the complex class is added to a target. Default: 30 (%).
• minOverlap: Minimum overlap required between an element and any of the images for that element to be processed. Default: 50 (%).
• classes: Classes added to targets. Default: { dark: 'background--dark', light: 'background--light', complex: 'background--complex' }
• windowEvents: Reprocess on window resize and scroll. Default: true.
• maxDuration: Maximum processing time allowed. Killed if it takes longer. Default: 500 (ms).
• mask: Used internally when checking if an element overlaps any of the images. Default: { r: 0, g: 255, b: 0 }
• debug: Enable or disable logs. Default: false.

Browser Support

Tested on IE 9-11, iOS 6/7 and the latest versions of Chrome, Firefox and Safari.

관점


"저에게 일어난 가장 큰 변화는,
더 이상 부정적인 감정과 평가를 마음에
담아두지 않는다는 거예요. 더 이상 잡아두지 않고
내려놓을 수 있어요." 스티븐은 관점의 변화를 느꼈다.
"많은 관점이 긍정적으로 바뀌었죠. 예전에는
생각조차 할 수 없었던 것들에
마음을 열게 되었어요."


- 앤서니 그랜트,앨리슨 리의《행복은 어디에서 오는가》중에서 -


* 너무 '진부'하게 들리는,
유명한 이야기가 하나 있습니다.
"물컵에 물이 절반 담겨있다. 사람에 따라
'물이 절반 밖에 없네','절반이나 있네'로 갈린다."
관점의 차이가 사람을 행복하게 만들기도 하고
불행하게도 합니다. 희망으로 이끌기도 하고
극한의 절망으로 몰아붙이기도 합니다.
진정한 변화는 관점의 변화에서
시작됩니다.

가장 위대한 업적은
‘왜’라는 아이 같은 호기심에서 탄생한다.
마음 속 어린아이를 포기해서는 안된다.
- 스티븐 스필버그

나이가 들어감에 따라 점차 호기심이 줄어듭니다.
호기심이 줄어드는 만큼 세상이 지루해지고
그 만큼 발전이 지체됩니다.
신나게 세상을 살고 싶다면 호기심부터 살려야 합니다.
사무엘 존슨은 말합니다.
“호기심은 활기찬 지식인의 영원하고 확실한 특징이다”
(한근태, ‘일생에 한번은 고수를 만나라’에서 일부 인용)