미디어 쿼리를 사용하면 웹 브라우저에서 인쇄를 할 때만 적용할 스타일을 지정할 수 있습니다.

다음 중 미디어 특징 중 장치 방향을 지정할 때 사용하는 속성은 orientation 입니다.

자식의 position 속성에 absolute 키워드를 사용하려면 부모의 position 속성에 relative 키워드를 적용합니다.

viewport meta 태그에 입력할 수 있는 값 중 확대 및 축소 가능 여부를 나타내는 것은 user-scalable이다.

braille은 인쇄 전용 점자 장치를 나타낸다.

자바스크립트 문장 마지막에 세미콜론(;) 또는 줄바꿈을 넣어 종결을 나타냅니다

callback함수는 매개변수로 전달되는 함수입니다.

$2_3test는 식별자로 사용할 수 있습니다.

영문 대소문자를 구분하지 않는다.

자바스크립트에서 데이터 타입을 확인하기 위해 사용하는 연산자는 typeof이다

자바스크립트에서 var x=“100”+10의 연산 결과는 10010이다.

자바스크립트는 0으로 나누었을 때 오류가 발생하지 않습니다.

불 자료형의 값은 true와 false밖에 없습니다.

객체는 대괄호([ ])를 사용해서 생성하고, 배열은 중괄호({ })를 사용해서 생성합니다.

메서드 내부에서 해당 객체가 가진 객체를 나타낼 때는 this 키워드를 사용하고, 자기 자신이 갖고 있는 속성일지라도 속성에 접근할 때는 this 키워드를 사용해야 합니다.

true, true

true, false

false, true

false, false

script 태그는 반드시 head 태그 안에 위치해야 합니다.

a 태그를 클릭했을 때 발생하는 웹 페이지 이동 등 기본 이벤트는 제거할 수 없습니다.

웹 브라우저가 HTML 파일을 분석하고 출력하는 방식을 브라우저 객체 모델이라고 합니다.

document.getElementById( )는 문서 객체를 하나만 리턴합니다.

querySelector ( ) 메서드는 선택자로 요소를 여러 개 선택할 가능성이 있으므로, 배열로 문서 객체를 리턴합니다.

함수 이름(function name)으로 호출한다.

함수가 여러 개 중복 선언된 경우 첫 번째 함수가 호출된다.

함수는 여러 번 반복하여 호출할 수 있다.

함수 호출 시 인수를 전달하면 함수 선언문에서 매개 변수로 값을 받는다.

함수는 함수 선언 전 혹은 후에 호출할 수 있다.

배열의 개수를 정하여 생성할 수 있다.

배열의 크기는 배열에 저장되는 개수만큼 자동으로 설정된다.

배열 리터럴은 공백(space)을 포함할 수 있다.

배열 요소의 첫 번째 원소는 0번 인덱스부터 시작한다.

배열 내에 같은 데이터 타입만 저장할 수 있다.

$( ) 함수는 querySelectorAll ( ) 메서드처럼 한 번에 여러 개의 문서 객체를 선택합니다.

animate( ) 메서드를 사용해서 상대적으로 요소를 이동시킬 때는 ‘=+<숫자>’ 형태의 문자열을 사용합니다.

jQuery를 사용할 때 이벤트 핸들러에서 return false를 하면, preventDefault( ) 메서드와 stopPropagation( ) 메서드를 호출하는 효과가 납니다.

문서 객체의 속성을 조작할 때는 attr ( ) 메서드를 사용합니다.

문서 객체의 class를 전환할 때는 toggleClass ( ) 메서드를 사용합니다.

mouseclick( ) 메서드

on( ) 메서드

keypress( ) 메서드

mouseup( ) 메서드

keyup ()메서드

$(‘img’).attr (‘src’, ‘image.png’);

$(‘img’).attr ({ src: ‘image.png’ });

$(‘img’).attr (‘src’, function ( ) { return ‘image.png’ });

$(‘img’).attr ([ src: ‘image.png’ ]);

$(‘img’).attr ({ src: ‘image.png’ }).attr('alt', '몰라');

오픈소스 라이브러리이다.

제이쿼리 API를 다운로드해서만 사용할 수 있다.

자바스크립트 코드 형식보다 간결하다.

제이쿼리 코드의 단축형에는 ‘$’ 기호를 사용한다.

CDN 호스트를 이용하여 사용할 수 있다.

/a-d/g는 /a,b,c,d/g와 같다.

+는 앞의 표현식이 1회 이상 연속으로 반복되는 것을 나타낸다.

^는 입력의 시작부분을 나타낸다.

[oyu]는 oyu 패턴을 찾으라는 의미이다.

/[가-힣]/g는 모든 한글을 찾게 된다.

입력 양식에 포커스를 맞출 때는 focus ( ) 함수를 사용합니다.

검은 배경에 밝은 사각형을 돋보이게 출력해 주는 것을 라이트박스LightBox라고 합니다.

특정 시간마다 어떤 코드를 반복해서 계속 호출하고 싶을 때는 setInterval( ) 함수를 한번만 사용하면 됩니다.

객체를 대상의 앞부분에 추가할 때에는 $(객체).prepend(대상)을 사용한다.

일반적으로 jQuery 객체를 변수에 저장할 때에는 변수 앞에 식별자 $를 붙여 사용합니다.

하나의 DOM 객체에 동일한 이벤트에 대해 여러 개의 리스너를 등록할 수 있다.

div1.addEventListener("onclick", function() { this.innerHTML ="hello"; });

발생한 이벤트에 관한 여러 정보를 가진 객체를 이벤트 객체라고 부른다.

obj.onclick = function (e) { obj.style.backgroundColor="orchid"; };

마우스를 클릭하면 이벤트가 발생한다.