m1ndy5's coding blog

브라우저가 처리해야 할 특정 사건이 발생하면 이를 감지하여 이벤트를 발생시킴 ex) 클릭, 키보드 입력, 마우스 이동 등 이때 이벤트가 발생하여 호출될 함수를 이벤트 핸들러라고 하고, 이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것을 이벤터 핸들러 등록이라고 함 이벤트 핸들러 등록 방식 이벤트 핸들러 어트리뷰트 방식 Click 이벤트 핸들러 프로퍼티 방식 const button = document.querySelector('button') button.onclick = () => console.log('clicked')addEventListener 메서드 방식 const button = document.querySelector('button&#39..

createElement() javascript를 통해 동적으로 특정한 이름의 HTML element를 생성하는데 사용됨 element의 이름을 매개변수로 받아서 해당 노드를 생성 // 요소 노드 생성 const newDiv = document.createElement('div')createTextNode() // 텍스트 노드 생성 const textNode = document.createTextNode('환영합니다!")apendChild() 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막으로 붙임 // newDiv(div)에 textNode가 들어감 newDiv.appendChild(textNode);insertBefore() 부모노드의 특정 자식 노드의 앞에 새로운 노드..

Set 객체 중복되지 않은 유일한 값들의 집합(Set) const set = new Set([1, 2, 3, 3); console.log(set); // Set(3) {1, 2, 3} // Set을 사용한 배열의 중복 요소 제거 const uniq = array => [...new Set(array)]; console.log(uniq([1, 1, 2, 3, 4])); // [1, 2, 3, 4] // 요소 추가 Set.add() set.add(4); set.add(5).add(6); //도 가능 // 요소 존재 여부 확인 Set.has() console.log(set.has(1)) // true // 요소 삭제 Set.delete(), 일괄 삭제는 Set.clear() set.delete(1); set...

반복문 // 0 ~ 9까지 새로로 찍힘 for(let i = 0; i {}); const color = ['red', 'orange', 'blue', 'green']; color.forEach(ele..

What is JavaScript? 자바스크립트는 웹 브라우저 상에서 동작을 구현할 수 있는 객체 기반의 언어 Variables 값을 보관해두기 위한 공간, 값 그 자체 값을 재할당할 수 있음 컴퓨터 내 메모리 공간에 저장하여 재사용가능할 수 있게 함 // 안녕하세요 저는 mindyo입니다. const name = 'mindyo'; console.log(`안녕하세요 저는 ${name}입니다.');저장되는 공간은 어디? RAM에 위치, 일련의 주소값과 매칭됨 변수의 종류와 선언 및 초기화(할당) var : 변수 -> 호이스팅이 일어남(코드 오류 발생 소지를 높임) -> 잘 사용하지 않음 *호이스팅이란? -> 선언 위치와 상관없이 최상단으로 끌어올림 let : 변수(값 재할당 가능) -..