WoohyunKing의 개발 성장일지

일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 '호출 스케줄링(scheduling a call)'이라고 합니다. 호출 스케줄링을 구현하는 방법은 두 가지가 있습니다. setInterval을 이용해 일정 시간 간격을 두고 함수를 실행하는 방법 setTimeout을 이용해 일정 시간이 지난 후에 함수를 실행하는 방법 1. setInterval() 메소드 The setInterval() method, offered on the Window and Worker interfaces, repeatedly calls a function or executes a code snippet, with a fixed time delay between each call. (출처 : MDN web ..

웹 스토리지 객체(web storage object)인 localStorage와 sessionStorage는 브라우저 내에 키-값(key-value) 쌍을 저장할 수 있게 해줍니다. 이 둘을 사용하면 페이지를 새로 고침하고(sessionStorage의 경우) 심지어 브라우저를 다시 실행해도(localStorage의 경우) 데이터가 사라지지 않고 남아있게 됩니다. 두 스토리지 객체는 동일한 메서드와 프로퍼티를 제공합니다. setItem(key, value) : 키-값 쌍을 보관합니다. getItem(key) : 키에 해당하는 값을 받아옵니다. removeItem(key) : 키와 해당 값을 삭제합니다. clear() : 모든 것을 삭제합니다. key(index) : 인덱스(index)에 해당하는 키를 받아..

Event 인터페이스의 preventDefault() 메소드는 어떠한 이벤트에 대한 브라우저의 기본 동작을 실행하지 않도록 해주는 역할을 한다. 예를 들어 submit 이벤트는 Form을 제출할 때 트리거(새로고침)되는데, 이런 경우에 트리거를 방지하기 위해 사용할 수 있다. 을 클릭하거나 input 필드에서 엔터 키를 눌렀을 경우에 발생하는 submit의 기본 동작인 트리거를 방지하는 코드는 다음과 같다. const loginForm = document.querySelector(".loginForm"); function onLogin(event) { event.preventDefault(); } loginForm.addEventListener("submit", onLogin);