Step by Step

값은 식이 평가되어 생성된 결과이다 변수는 하나의 값을 저장하기 위해 확보한 매모리 공간 자체, 그 메모리 공간을 식별하기 위해 붙인 이름 따라서 변수에 할당되는 것은 값이다. 10 + 20; //30 var sum = 10 + 20; sum 변수에 할당되는 것은 30 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. 표현식은 값으로 평가될 수 있는 문이다. 즉 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. var x = 1 + 2; x + 3; 연산자 좌우에는 숫자가 위치해야하지만 숫자 값으로 평가될 수 있는 표현식이라면 사용 가능하다. 문은 프로그램을 구성하는 기본 단위이자 최소 실행단위이다. 문의 집합으로 이루어진 것이 프로그램이며 문을 작성하고 순..

.log(), .warn(), error(), dir() - log : 일반 메세지 - warn : 경고 메세지 - error : 에러 메세지 - dir : 속성, 메소드를 볼 수 있는 객체를 출력 console.log(document.body); console.warn(document.body); console.error(document.body); console.dir(document.body); - count() - countReset() console.count('a') // a : 1 console.count('a') // a : 2 console.countReset('a') console.count(‘a’) // a : 1 .time(), .timeEnd() 콘솔에 타이머가 시작해서 종료되기까..

index.html 제출 초기화 main.js const formEl = document.querySelector("form"); const inputEls = document.querySelectorAll("input"); inputEls.forEach((el) => { el.addEventListener("focus", () => { formEl.classList.add("active"); }); el.addEventListener("blur", () => { formEl.classList.remove("active"); }); el.addEventListener("change", (evnet) => { console.log(event.target.value); }); }); formEl.addEve..

addEventListener() 대상에 지정한 이벤트가 발생했을 때 함수(Handler)가 호출된다 const parentEl = document.querySelector(".parent"); const childEl = document.querySelector(".child"); parentEl.addEventListener("click", () => { console.log("parent!"); }); childEl.addEventListener("click", () => { console.log("child!"); }); removeEventListener() 대상에 지정한 이벤트를 제거한다. removeEventListener를 사용할 때 콜백 함수 부분에 따로 설정한 함수가 들어가지 않으면 그..