본문 바로가기

전체 글

(45)
[Web] 웹 기초 (20) - JavaScript #13 DOM Object 문서객체모델 (Document Object Model) 사용메소드 document.getElementById('아이디') document.querySelector('선택자') document.getElementsByName('이름') // name 속성 document.getElementsByClassName('클래스') document.querySelectorAll('선택자') 동적으로 문서객체 생성 function first(){ let header = document.createElement('h1'); let textNode = document.createTextNode('Hello DOM'); header.appendChild(textNode); document.body.appendChild(h..
[Web] 웹 기초 (19) - JavaScript #12 navigator.userAgent 모바일 장치 구분 let userAgent = navigator.userAgent; console.log('agent : ', userAgent); let userAgent = navigator.userAgent; console.log('agent : ', userAgent); let btn = document.getElementById('btn'); // id가 'btn'인 요소 btn.onclick = function(){ let sp = ['iphone', 'ipad', 'android']; for( i in sp ){ if(userAgent.toLowerCase().match(new RegExp(sp[i]))){ alert('모바일 페이지로 이동...'); location.href='m.naver..
[Web] 웹 기초 (18) - JavaScript #11 배열 (Array), 정렬 (sort) Array 객체 자바스크립트 배열선언 배열의 길이는 가변적이다. 생성 방법 1: let a = new Array() 생성 방법 2 : let a = new Array(1,2,3); 생성 방법 3 : let a = [] 생성 방법 4 : let a = [1,2,3]; 다차원 배열은 1차원 배열의 요소를 다시 1차원 배열로 선언 let a = new Array(); a[0] = new Array(); (a의 첫번째 요소를 다시 배열로 만들기) // 기본형------------------------ let a = [1,2,3,4,5]; console.log(a[0]); // 1 console.log(a); // 배열 정보, 값 출력 //map형 --------------------------- let b = ..