자바스크립트 배열2 DIV 배경이미지 변경하기 / CSS 배경설정 자바스크립트로 제어하기 DIV 배경이미지를 자바스크립트로 랜덤 제어 예제 배경이미지 변경하기 예제를 통해 DIV사용법 및 CSS 배경설정 속성 학습, 자바스크립트 난수발생 함수 등을 학습 해 보도록 하겠습니다.추가로 자바스크립트 배열도 사용하게 됩니다. 학습내용- DIV 영역 CSS를 통한 배경 설정 하기- 자바스크립트 난수 발생 함수를 통한 이미지 선택하기- DIV 태그 설정 id를 통한 배경 이미지 경로 변경하기 소스 소스설명- background-color:#464646 배경색상을 설정 합니다. - background-repeat:no-repeat 배경에 이미지를 반복해서 표시하지 않도록 설정 합니다. - background-position:center 배경이미지를 가운데로 정렬합니다. - var fileNm = ['이미.. 2018. 5. 26. 자바스크립트 배열(array)이란 무엇인가? 배열이란 바로 이것이다. 배열이란 무엇인가 - 배열은 하나의 접시에 여러 반찬을 담아 사용하는 것 입니다. - 여러 데이터를 하나의 변수에 할당하여 사용하는 것 입니다. - 배열은 같은 형태를 지닌 데이터들이 동일한 크기의 순서를 갖고 나열되어 있는 집합입니다. 배열의 모양 - 아무런 모양의 접시에 여러 반찬을 담는것이 아닙니다. - 각각의 장소가 있고 그 장소에 반찬 하나씩을 담는 것입니다. 왜 배열을 사용하는가 - 하나의 접시에 여러 반찬을 관리할 수 있기 때문에 가독성이 높습니다. - 필요한 접시의 수가 줄어든다는 것은 그만큼 담을 때, 볼 때, 찾을 때(사용할때)에 보다 편하다는 것입니다. - 배열에 숫자 값들이 담겨 있다라고 한다면 연산에 아주 편리하게 사용 할 수 있습니다. 배열의종류 - 1차.. 2018. 4. 23. 이전 1 다음
