💡 [Map의 주요 메서드 및 프로퍼티]
new Map(): 새로운Map을 만듭니다.map.set(key, value):key를 이용해value를 저장합니다.map.get(key):key에 해당하는 값을 반환합니다.key가 존재하지 않으면undefined를 반환합니다.map.has(key):key가 존재하면true, 존재하지 않으면false를 반환합니다.map.delete(key):key에 해당하는 값을 삭제합니다.map.clear(): 맵 안의 모든 요소를 제거합니다.map.size: 요소의 개수를 반환합니다.
💡 [Set의 주요 메서드 및 프로퍼티]
new Set(): 새로운 Set을 생성합니다.set.add(value): Set에 새로운 값을 추가합니다.set.has(value): Set에 특정 값이 존재하는지 여부를 반환합니다.set.delete(value): Set에서 특정 값을 삭제합니다.set.clear(): Set 안의 모든 요소를 제거합니다.set.size: Set 안의 요소 개수를 반환합니다.
[DOM 제어하기]
- 문서 객체 생성과 선택
document.createElement(tagName): 새로운 HTML 요소를 생성합니다.document.getElementById(id): id 속성을 기준으로 요소를 선택합니다.document.getElementsByTagName(name): 태그 이름을 기준으로 요소를 선택합니다.document.getElementsByClassName(name): 클래스 이름을 기준으로 요소를 선택합니다.document.querySelector(selector): CSS 선택자를 이용하여 요소를 선택합니다.document.querySelectorAll(selector): CSS 선택자를 이용하여 모든 요소를 선택합니다.
- 문서 객체 조작
element.innerHTML: 해당 요소 내부의 HTML 코드를 변경합니다.element.textContent: 해당 요소 내부의 텍스트를 변경합니다.element.setAttribute(attr, value): 해당 요소의 속성 값을 변경합니다.element.getAttribute(attr): 해당 요소의 속성 값을 가져옵니다.element.style.property: 해당 요소의 스타일 값을 변경합니다.element.appendChild(child): 해당 요소의 하위 요소로 child를 추가합니다.element.removeChild(child): 해당 요소의 하위 요소 중 child를 삭제합니다.element.classList.add(class): 해당 요소의 클래스에 새로운 클래스를 추가합니다.element.classList.remove(class): 해당 요소의 클래스 중에서 특정 클래스를 제거합니다.element.classList.toggle(class): 해당 요소의 클래스 중에서 특정 클래스를 추가 또는 제거합니다.
- 이벤트 처리
element.addEventListener(type, listener): 해당 요소에서 이벤트가 발생했을 때 호출할 함수를 등록합니다.element.removeEventListener(type, listener): 해당 요소에서 등록된 함수를 제거합니다.event.preventDefault(): 이벤트가 발생했을 때 기본 동작을 취소합니다.event.stopPropagation(): 이벤트의 버블링을 방지하기 위해 이벤트 전파를 중지합니다.
- 기타
window.location.href: 현재 페이지의 URL을 가져옵니다.window.alert(message): 경고 메시지를 출력합니다.window.confirm(message): 확인 메시지를 출력하고 사용자의 답변에 따라 Boolean 값을 반환합니다.
황세민