존 레식(John Resig)이 처음 개발하고 레미샤프(Remi Sharp)가 완성한(? 정확하지 않음) 자바스크립트로서, 새로운 HTML5 섹셔닝 요소를 이전 버전의 IE6~9, Safari 4.x(iPhone 3.x)와 Firefox 3.x 에서도 작동하도록 해주는 라이브러리이다. 

해당부분을 head 안에 삽입

출처: http://webdir.tistory.com/81 [WEBDIR]

<!-- html5 support  -->

   <!--[if lte IE 9]>

   <script src="assets/js/html5shiv-printshiv.min.js"></script>

   <![endif]-->

   <!-- IE Version Check -->

   <script src="assets/js/ie-checker.js"></script>

IEchecke..js 연동되야함

{
    "protocol": "ftp",
    "host": "webshwang.com",
    "port": 21,
    "user": "webshwang",
    "pass": "",
    "promptForPass": false,
    "remote": "html",
    "local": "/",
    "secure": false,
    "secureOptions": null,
    "connTimeout": 10000,
    "pasvTimeout": 10000,
    "keepalive": 10000,
    "watch": [],
    "watchTimeout": 500
}

http://doqtqu.tistory.com/18?category=750710

http://recoveryman.tistory.com/242

atom : 에디터 (소스코드를 수정하는데 사용하는 전문적인 소프트웨어)

운영체제마다 문서편집 프로그램이 있다.(윈도우는 메모장, 맥은 텍스트에디트,운트는 g-edit )

atom은 이것들에 비해 훨씬 생산성이 높아진다.

jQuery 는 '명령대상($('#typo'))에 명령내용(css('color', '#ebc000'))을 보낸다'고 해석합니다.

따라서, 'CSS의 color 속성에 #ebc000라는 값을 지정하라'고 이해하면 된다.

css()라는 명령은 javaScript에 정의되어 있지 않은 jQuery의 명령입니다. 즉, jQuery의 js 파일 안에  css()라는 명령이 정의되어 있으며, 해당 명령을 main.js에서 이용합니다. 이러한 jQuery의 명령을 'jQuery 메서드' 라고 합니다. css() 의 괄호() 안에 작성한 css속성(color)과 값(#ebc000) 처럼 메서드에 전달되는 데이터를 '매개변수'라고 합니다. ①

※ 위 코드가 jQuery 메서드 (css())와 두 개의 매개변수 ('color' ',#ebc000')로 구성되어 있음을 알아야 합니다.

① 메서드에 매개변수를 지정하는 것을 '매개변수 전달'이라고 하며, 메서드를 실행하는 것을 '메서드  호출'이라고 합니다.

명령대상: $() 함수와 jQuery 객체

css()메서드의 '명령대상'이 되는 것은 'id="typo"가 지정된 HTML 요소' 입니다.

하지만 JQuery 는 HTML요소에  직접 css()메서드를 실행할 수 없습니다. css() 메서드를 사용하려면  jQuery 명령 대상을 고유의 형식으로 지정해야 합니다. 다음을 살펴봅시다.

$() 함수와 CSS선택자 (예시의 '#typo')의 관계는 앞서 설명한 css() 메서드와 매개변수(CSS속성과 값)의 관계와 같습니다.

선택자는 $() 함수의 매개변수 ('#typo')로 전달됩니다. 

$() 함수는 'HTML 요소를 기반에 두고 jQuery의 고유 요소를 생성한다'라는 기능이 있는 함수입니다.

그리고 HTML 요소를 지정하는 방법으로 CSS 선택자를 지정할 수 있습니다. 이 $() 함수를 통해 JQuery 고유의 형식으로 변환된 요소를 'jQuery 객체'라고 합니다.

방금 설명한 코드에서 이 개념을 살펴보면 index.html의 모든 HTML 요소 중 $('#typo')를 지정한 부분만 jQuery 객체로 변환됩니다.

따라서, $('#typo')에 지정된 메서드가 jQuery 객체를 통해 실행된다고 이해하면 됩니다.

다른 예로 $('h1')을 지정하면 h1이라는 HTML요소가 jQuery 객체로 변환되고 명령 대상이 됩니다.

jQuery의 실행 흐름은 보통 다음과 같습니다.

1 $()함수에서 명령 대상이 되는 HTML 요소를 jQuery 객체로 변환합니다.

2 변환한 jQuery 객체에 메서드를 호출해서 HTML 요소를 변경합니다.

출처: 최고의 제이쿼리 作주식회사 시프트브레인

# 제이쿼리를 사용하여 부모요소 선택, 찾는 방법
먼저 부모 요소를 선택하는 방법은 제이쿼리에도 몇 가지가 있습니다. 그 중에서 가장 자주 사용되는 방법으로 아래의 세가지 메소드가 대표적입니다.

parent()
parents()
closest()

이와같이 위 메소드를 사용하면 간단하게 부모요소를 선택할 수 있습니다. 그럼 어떻게 사용하고 각각의 메소드의 차이점은 무엇인지 알아봅니다.

모두 부모형제를 찾기 위한 방법이나 그 차이점이 존재합니다. 먼저 parent()의 경우부터 알아봅니다.


! parent() 메소드 알아보기먼저 parent()는 해당 요소의 바로 위에 존재하는 하나의 부모 요소를 반환합니다. 위 예제에서는 p태그를 반환할 것입니다. parent()는 인접한 하나의 요소를 반환하는 것이 특징입니다.

! parent() 예제소스 보기아래예제는 현재 태그요소의 바로 위 부모 요소를 가져오는 예제입니다.
@ parent.html

출처

=과, ==과 ===는 비슷하지만 깊게들어가면 완전 다른의미를 가지고 있는데요. 블로그나 강의를 찾아보니, 조건문을 포함해서 좀더 복잡한 내용을 공부할 때, ==와 ===가 어떻게 다른지, 왜 다르게 해 놨는지를 피부로 느낄 수 있기때문에, 처음부터 완전히 뜻을 이해하고 가려고하기보다는, '아 그냥 다른거구나'정도로 쉽게 받아들이고 넘어가라고 이야기들을 하시네요. 지금은 몰라도 전혀 문제안된다고요. (처음부터 다 이해하려고하면 머리만 아프다고..)

여튼 ==는 Equal Operator라고 하고, ===는 Strict Equal Operator라고 한다고 합니다. strict는 엄격한 이라는 의미로 좀더 엄격하게 같은지를 보는 연산자라고 생각하면 되겠습니다.

===를 좀더 자세히 설명하면
값이라는 의미는 1이라는 데이터는 역시 1이겠죠. ㅎㅎ
형식이라는 의미는 javascript가 똑똑(?)하게도 숫자1과 문자"1"을 1이라는 데이터로 인식할 수 있기때문에, 문자와 값의 형식조차 완벽히 같아야만 true라고 판단(리턴)하게되는것이죠.

예를들어 
1=="1"은 true이지만,
1==="1"은 false입니다.

또,
null과 undefined는 값이 없다는 의미의 데이터 형이라고 합니다. null은 값이 없음을 명시적으로 표시한 것이고, undefined는 그냥 값이 없는 상태이기때문에, ==로는 true가 뜨지만, ===로는 false가 리턴됩니다.

아마도 이제 자바스크립트를 입문한사람들에게는 null과 undefined까지는 좀 어려운 개념인것같아요. 이부분은 ===가 ==보다 엄격하구나 정도로 생각하고 넘어가는걸 추천합니다. 나중에 가면 이래서 이런거구나 하는 구간이 나와요. :-)

실무 개발자들은 실무에서 코딩을 할때는 ==보다는 ===를 사용해야 한다고 강하게 추천합니다. 이유는 역시 조건문이나, 좀더 복잡한 상황의 프로그래밍에서 차이가 나온다고 하네요.