Jade_o.o

JavaScript 요소 • 1) 요소 선택자 => 1.1 querySelector => 1.2 querySelectorAll => 1.3 getElementById • 2) 요소 다루기 => 2.1 .textContent .innerText .innerHTML => 2.2 classList.~ => 2.3 setAttribute => 2.4 다른 노드에 접근하기 => 2.5 createElement • 3) 요소 추가 => 3.1 .append() / .appendChild() => 3.2 prepend() => 3.3 before() => 3.4 after() • 4) 요소 삭제 => 4.1 remove() => 4.2 removeChild() 1.1 querySelector ("요소 선택자") • ..

DOM(Document Object Model) • HTML 문서 요소의 집합 • HTML 문서는 각각의 node 와 object 의 집합으로 문서를 표현 • 따라서 각각 node 또는 object 에 접근하여 문서 구조 / 스타일 / 내용 등을 변경 할 수 있도록 하는 것 Document • 웹 페이지에 존재하는 HTML 요소에 접근하여 행동을 하고자 할 때 사용하는 객체 DOM • 1. 새로운 HTML 요소나 속성 추가 • 2. 존재하는 HTML 요소나 속성 제거 • 3. HTML 문서의 모든 HTML 요소 변경 • 4. HTML 문서의 모든 HTML 속성 변경 • 5. HTML 문서의 모든 CSS 스타일 변경 • 6. HTML 문서에 새로운 HTML 이벤트 추가 • 7. HTML 문서의 모든 HTM..

JavaScript 표준객체 • 자바스크립트가 기본적으로 가지고 있는 객체들 • 프로그래밍을 하는데 기본적으로 필요한 도구들 • String, Number, Array, Date, Math .......... • 1) Date 객체 => Date 객체 - 함수 • 2) Math 객체 => Math 객체 - 함수 1) Date 객체 • Javascript 에서 매 순간 바뀌는 시간과 날짜에 관한 정보를 얻기 위해 사용하는 객체 // Date 객체 초기화 new Date() new Date(밀리초) -> new Date(800000); // 1970년 1월 1일 0시부터 밀리초만크므 지난 날짜 new Date(년, 월, 일, 시, 분, 초, 밀리초) -> new Date(16, 5, 25); // 1916년..

내장 메소드(Method) • 1) 문자열 관련 메소드 • 2) 배열 관련 메소드 • 3) 메소드 체이닝 • 4) 배열에서의 반복 1) 문자열 관련 메소드 • length : 문자열의 길이를 반환(공백포함) • toUpperCase()&toLowerCase() : 문자열 전체를 대문자, 혹은 소문자로 변경 • indexOf(‘’) : 매개변수로 문자열을 받아서 몇번째 인덱스인지 숫자 반환 • slice(startIdx[,endIdx]) : start 부터 end-1 까지 슬라이싱, 빼옴매개변수로 음수값도 가능 • replace(문자열1, 문자열2) :문자열1을 문자열2로 변경 • replaceAll(문자열1, 문자열2) : 문자열1을 전부찾아서 문자열 2로 바꿔줌 • repeat(n) : 문자열에 대해 ..