긍정적 사고, 음식의 절제, 규칙적인 운동

http://jsfiddle.net/jasongennaro/pdXRx/8/

fiddle , jsfiddle

페이지 로드시 해당 영역에 텍스트를 입력하고, 글자색을 회색으로 변경.

해당 영역에 포커스가 오면 글자 삭제.

해당 영역 blur시 입력된 글자가 없으면 다시 placeholer에 넣을 글자 입력.

$('textarea').attr('value', 'This is a line \nthis should');

$('textarea').focus(function(){
    $(this).attr('value', '');
});

$('textarea').blur(function(){
    if($(this).val() ==''){
        $(this).attr('value', 'This is a line \nthis');
    }   
});

8 jQuery Form Label (HTML5 Placeholder) Plugins

http://www.jquery4u.com/plugins/8-jquery-form-label-html5-placeholder-plugins/

HTML5 Placeholder Example

Let’s take a look at the plugins!

1. Sticky Placeholders jQuery Plugin

Tested works IE7+

SourceDemo

2. jQuery Form Labels Plugin

The jQuery FormLabels Plugin is a result of working with hundreds of different clients, sites, and especially forms. Every form is different, so building a uniform label generator was not an easy task.

SourceDemo

3. jQuery Placeholder Plugin

This is a simple plugin for jQuery that provides support for the HTML5 placeholder attribute in browsers that do not already support it.

Source + Demo

4. jLabel

A jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions.

Source + Demo

5. Sign in Form Placeholders

Tested works IE7+

Source + Demo

6. In-Field Labels jQuery Plugin

A simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins.

Source

7. movinglabels

A jQuery Plugin, presented by Ape Unit GmbH, coded by Paul Lunow.

Source + Demo

8. Advanced jQuery Placeholder Plugin (cross-browser support)

Plugin that enables you to use the Placeholder attribute inside your input fields.

Source

1.운영체제 및 프로그램을 다시 설치한다.

2.재설치는 동시에, 그리고 전체적으로 이루어져야 한다.

3.백업된 데이터 중 악성코드가 숨어 있을만한 동영상이나 개인용 프로그램을 배제시킨다.

4.네트워크를 닫은 상태에서 재설치를 수행한다.

서버, 내부 보안을 강화하려면

1.정기적으로 보안 패치를 하라.

2.웹 방화벽을 믿지 말고 기본적인 방어 코딩을 하라.

3.불필요한 포트를 막아라.

4.사무실 인터넷 망과 개발자의 네트워크를 분리하라.

highcharts.com

d3js.org

Bootstrap

JetStrap

http://www.highcharts.com/ 

 : 비영리목적에만 사용할 수 있다.

   커스터마이징이 불가하다.

D3 (Data-Driven Document )  http://d3js.org/ 

: 다양한 데이터를 HTML과 SVG에 기반을 두고 쉽게 표현할 수 있도록 제작된 라이브러리

  매우 다양한 그래프와 시각화 기법들을 그릴 수 있다.

  커스터마이징이 가능하다.

Bootstrap - http://twitter.github.io/bootstrap/

 : 화면의 영향을 조금 덜 받고 알맞은 화면을 구성할 수 있도록 한다.

   메뉴나 내비게이션과 같은 웹에서 자주 사용하는 요소들도 쉽게 구현할 수 있다.

   Start - http://twitter.github.io/bootstrap/getting-started.html

Bootstrap이 어렵다면 JetStrap (https://jetstrap.com/) 도 있다. - MockUp

 : HTML태그가 아닌 웹 UI상에서 쉽게 웹페이지를 구성할 수 있도록 도와준다.

프로젝트는 요구사항을 분석하고, 업무의 우선순위를 결정하는 것으로 시작된다.

기업의 생명과 직결된 0순위 업무, "기업에 이익을 가져다줄 확실한 업무"를 정의해야 한다.

필요없는 일은 과감하게 버려야 한다.

일반적인 개발업무의 대부분은 저품질 업무가 80% 정도이다.

고품질 업무 20%에 집중하고, 저품질 업무에 에너지와 시간을 낭비해선 안된다.

개발자들에게 여유를 주고, 테스트와 품질은 품질관리팀이 접근해 문제의 요인을 추적하고

통보하는 방식으로 품질관리 책임을 분리하는 것이 최선이다.

가장 중요한 고려사항은 커뮤니케이션이다. 이런 업무의 대부분은 신뢰가 전제돼야 하기 때문이다.

업무의 우선순위가 정치적,심리적 변화에 따라 변화된다면 이는 제대로 되는 업무가 아닐것이다.

우선순위를 정의할 때 핵심요소는

1.업무의 가치

2.업무의 원천 - request

3.기업의 가치추구

4.직원상호간의 가치추구

5.고품질이 요구되는 업무의 구분

dic.daum.net 에서 글자검색 -  http://dic.daum.net/word/view.do?wordid=ekw000055763&q=enhance

모바일, 패드, PC웹 구분으로 나누어 진다.

CSS 파일은 페이지 위에서 아래로 Override 된다.

모바일 - max-width : 686px

패   드 - 686px < width <= 1000px

PC웹   - 1000px 이상

Pad

   : <link rel="stylesheet" media="screen and (min-width: 687px) and (max-width: 1000px)" type="text/css" href="http://s1.daumcdn.net/svc/attach/U0301/cssjs/language/4905/css/mediaq_pad.css">

mobile

  : <link rel="stylesheet" media="screen and (max-width: 686px)" type="text/css" href="http://s1.daumcdn.net/svc/attach/U0301/cssjs/language/4905/css/mediaq_m.css">