Strict mode

strict mode는
JavaScript 코드가 “엄격 모드”에서 실행되도록 정의합니다.

“strict mode”지시문은 ECMAScript 버전 5에서 새로 추가되었습니다.

IE9 이하를 제외한 모든 최신 브라우저는 strict mode를 지원합니다.

가끔 엄격하지 않은 기본값을
“느슨한 모드(sloppy mode)”라고 부르기도 합니다.
공식적인 용어는 아니지만 혹시 모르니 알아두세요.

"strict mode"지시문은 script 나 function의 시작 부분에서만 인식됩니다.

• jQuery Effects
  • jQuery Hide/Show
  • jQuery Fade
  • jQuery Slide
  • jQuery Animate
  • jQuery stop()
  • jQuery delay()
  • jQuery queue()
  • jQuery finish()
  • jQuery Callback
  • jQuery Chaining

jQuery에서의 이벤트 사용 기본형

1
2
3
4
5
6
7

<a href="#" id="btn"
  >버튼<a>
    <script>
      $("#btn").click(function(){...})
    </script>
  </a></a
>

• $(“#btn”)
  이벤트 대상

• click()
  이벤트 등록 메서드

• function(){…}
  이벤트가 발생 했을 때 (이벤트 대상이 클릭되었을 때)
  실행되는 이벤트 핸들러

1. 속성 조작 메서드
2. 수치 조작 메서드
3. 객체 편집 메서드
4. jQuery 선택자 정리

제이쿼리는 자바스크립트를 이용해 만든 라이브러리 언어입니다.
라이브러리 언어란 자바스크립트로 만들어진 다양한 함수들의 집합을 가르킵니다.

제이쿼리는 모질라 사의 자바스크립트 개발자였던
존 레식(John Resig)이 창시 하였습니다.

Javascript this 키워드는 속한 객체를 나타냅니다.

사용 위치에 따라 다른 값을 갖습니다.

브라우저에서 유저가 취하는 모든 동작을 이벤트라 합니다.
이벤트가 발생했을 때 자바스크립트 실행문을 실행하는 것을
이벤트 핸들러라 합니다.

변수는 유효범위에 따라

전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다.

이러한 유효범위를 scope라고 합니다.

각각의 function은 각각의 scope를 만듭니다.

• 전역변수는 함수 외부에서 선언된 변수로, javascript 전체에서 접근할 수 있는 변수입니다.

• 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 함수 외부에서는 접근할 수 없습니다.

1
2
3
4
5
6
7
8
9
10
11
12

var num =200; // 전역 변수  
  
function myFnc(){ // 지역 변수 함수  
 var num=500;  
}  
myFnc(); // 함수를 호출합니다.  
  
document.write(num);  
/* 함수 내에 작성한 var(변수)는 지역 변수이므로   
 함수 밖에서는 불러올 수 없습니다.  
 따라서 전역 변수로 선언된 num값 200이 출력됩니다.  
*/

의도하지 않는 전역 변수를 작성하게 된다면
전역 변수 및 함수를 덮어쓸 수 있으므로 주의 하여 사용 해야 합니다.

return 문 이란 함수에서 결과값을 되돌려 줄 때 사용합니다.
함수에서 return 문이 실행되면
반복문에 break문과 비슷하게 실행문이 강제 종료됩니다.

기본형
function 함수명(){
실행문;
return 데이터(값);
}

1
2
3
4
5
6

function calc(){  
 var result=100+200  
 return result; // calc값에 300을 반환합니다.  
}  
var num = calc();  
document.write(num);

1
2
3
4
5
6
7

function test(){  
 document.write("html");  
 return;  
 // 다음 실행문은 실행되지 않습니다.  
 document.write("javascript");  
}  
myFnc();

데이터를 저장할 때는 변수를 선언하여 저장했습니다.
하지만 변수에는 데이터만 저장할 수 있고, 실행문을 저장할 수 없습니다.

함수를 사용하면 실행문을 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있습니다.