7주차

미디어 쿼리란 사이트에 접속하는 미디어 타입과 특징, 해상도에 따라 다른 스타일 속성을 적용할 수 있게 하는 기술이다. 미디어 쿼리의 기본 문법은 다음과 같다.not : 뒤에 오는 모든 조건을 부정한다.only : 미디어 쿼리를 지원하는 기기만 지원한다.미디어 타입은

내부 스크립트 방법(internal script) : HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성한다.외부 스크립트 방법(external script) : 별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성하고 이 파일을 HT

💡객체와 배열 객체는 중괄호({})를 사용하며 키(key)와 값(value)의 한쌍으로 이루어진다. 배열(array)는 복수의 데이터를 정의할 수 있는 자료형이다. 🔽실행 결과 🔽실행 결과 💡연산자 이항 산술 연산자 : 연산을 수행하는데 피연산자가 2개

💡객체 지난 JavaScript(2)에서 객체를 잠깐 살펴보았는데, 이번 챕터에서 객체를 좀 더 면밀히 살펴보겠다. 객체는 키와 값으로 구성된 속성들의 집합을 의미하는 자료형으로 중괄호({})를 이용해 생성한다. 키는 문자열로 작성하며, 키에 공백이 들어갈 경우에는

💡브라우저 객체 모델 브라우저 객체 모델은 자바스크립트 언어 사양에 포함되지 않고 웹 브라우저에서 제공하는 객체이다. 🔽브라우저 객체 모델의 종류 window : 웹 브라우저가 열릴 때마다 생성되는 최상위 관리 객체 document : 웹 브라우저에 표시되는 H

💡폼 조작 📖form 태그 선택하기 forms 속성 사용 : 모든 form 태그를 참조하는 HTMLCollection 객체가 반환되고 이를 사용에 form 요소 노드를 선택 name 속성 사용 : form 태그의 name 속성값으로 form 요소 노드를 선택 🔽

💡이벤트 다루기 📖이벤트 종류 >마우스 이벤트 onclick : 마우스로 클릭하면 발생 ondblclick : 마우스로 더블 클릭하면 발생 onmouseover : 마우스 포인터를 올리면 발생 onmouseout : 마우스 포인터가 빠져나가면 발생 onmousem