javascript eventlistener2 [JavaScript] 크롬 앱 만들기: LOGIN addEventListener addEventListener 안에 있는 함수는 우리가 직접 실행하지 X 그 이벤트가 발생했을 때 브라우저가 그 함수를 실행 preventDefault()이벤트의 기본 동작을 막기 위한 메서드해당 이벤트의 기본 동작이 실행되지 않도록 함 이벤트 리스너 안에서 사용(원하는 대로 브라우저의 동작을 제어) ex) 폼이 submit 될 때마다(form의 기본 동작은 submit) 페이지가 새로고침 되지 않도록 함 localStorageJavaScript에서 제공하는 웹 스토리지 사용자 브라우저에 데이터를 영구적으로 저장(재부팅해도 사라지지않음) & 나중에 가져다 쓸 수 있음 'Inspect > 애플리케이션 > 로컬스토리지'에서 확인 가능 2024. 9. 10. [JavaScript] JavaScript on the Browser HTML은 접착제와 같음: CSS, JavaScript를 가져옴 1. document에서 elements를 가지고 올 수 있다2. document의 항목들을 변경할 수 있다 JavaScript에서 HTML 항목을 가져와 사용하는 방법 querySelector: HTML 문서에서 특정한 CSS selector에 해당하는 첫 번째 요소를 가져오는 메서드 CSS selector를 검색하여 가져온다 Event Listener : 특정 이벤트(ex. 버튼을 클릭)가 발생할 때 실행되는 함수 1) Find the element2) Listen for the event 3) React to the event const title = document.querySelector("div.hello:first-c.. 2024. 9. 9. 이전 1 다음
