자바스크립트

[Javascript] 로컬 스토리지

Day 15 큰일이다.! 당장 이틀 후가 실습이라니ㅠㅠ 내일 오후에 앉아서 다시 다 정리해야겠다... 로컬 스토리지 개념 구글링해보고 실습하기 로컬 스토리지 : 사용자(로컬)에 저장하는 임시 저장소 (간단한 데이터 저장) : 영구적이다 (세션 스토리지와의 차이점) : 객체의 LocalStorage라는 컬렉션을 통해 저장, 조회가 된다. 로컬 스토리지를 이용한 데이터 저장 // 데이터 저장 localStorage.setItem(이름, 저장할 내용); // 데이터 불러오기 localStorage.getItem(이름); // 데이터 삭제 localStorage.removeItem(key) // 모든 것 삭제 localStorage.clear() // index에 해당하는 키 소환 localStorage.key..

[Javascript] 이벤트 리스너

Day 14 이벤트 리스너 개념 구글링해보고 실습하기 Javascript 이벤트 DOM에서 특정 이벤트가 발생하게 되면 자바스크립트 이벤트 객체에서 확인할 수 있다. 이벤트 리스너란? 간단하게 해당 이벤트에 대해 대기중인 것을 이벤트 리스너라고 한다. (이벤트가 실행되는 것을 리스닝 중) 해당 이벤트가 발생하면 등록해둔 이벤트 리스너가 실행된다. 이벤트 종류 UI 이벤트 : 사용자가 웹페이지가 아닌 브라우저의 UI와 상호작용할 경우 키보트 이벤트 : 사용자가 키보드를 이용할 경우 마우스 이벤트 : 사용자가 마우스나 터치 화면을 사용할 경우 포커스 이벤트 : 사용자로 특정 요소에 포커스를 하거나 포커스를 중지할 경우 이벤트 리스너 사용하기 addEventListener() : 특정 이벤트가 발생할 경우 특..