Web

HTML 안에 on 속성에 핸들러를 할당할 수 있다.등록시 onclick="say()" 함수를 실행하는 코드로 등록해야한다.브라우저는 속성값을 읽고 속성값을 함수 본문으로 하는 핸들러 함수를 만들기 때문이다.element.on로 할당 가능하다.중복 이벤트 핸들러 등록이

이벤트 위임을 설명하기 전에 이벤트 버블링과 캡처링에 대해 간단히 설명하겠다. 이벤트가 상위 요소로 전파되는 단계를 의미한다. 여기서 p태그 부분을 클릭하게 된다면 p → div → form 순서로 핸들러가 실행이 된다. 이것을 이벤트 버블링이라고 한다. 버블링을 중단

나는 컴퓨터를 할 때 눈을 정말 소중하게 여긴다. 노트북에 읽기 전용 모드 설정해놓고... OS 자체에 다크모드 설정.. 심지어 유튜브도 다크 모드를 해놨다. (유튜브는 밤에 침대에 누워서 편하게 보기위해 다크모드를 설정했다.😝)그래서 다크 모드는 어떻게 만들어지는

사이트의 게시글 목록에서 게시글 수가 많아지면 자연스럽게 페이징으로 처리하게된다. 그 중 Infinite Scroll에 대해서 알아봤다. 처음엔 5개의 div element가 화면에 나타난다. 구현 방식은 throttling을 이용했다. 스크롤 할 때마다 불필요한 이벤

새 창(팝업 창)에서 연 창에게 메시지를 보내는 것..!Window 오브젝트 사이에서 안전하게 cross-origin 통신을 할 수 있게 한다. 예를 들어 페이지와 생성된 팝업 간의 통신, 페이지와 페이지 안의 iframe 사이의 통신에 사용할 수 있다. 나는 소셜 로

브라우저에 구글 로그인이 로그인 되어 있는지 아닌지를 확인하기 위한 작업.아래와 같은 코드로 구현했다. auth2 라이브러리를 로드한다. GoogleAuth 개체를 초기화한다. 나머지 인터페이스는 여기서.. \[https://developers.google.c

좌표를 구해서 엘리먼트를 구하는 함수이다.나같은 경우는 touchmove 이벤트에서 현재 터치 위치의 element를 확인하고싶을때 사용했다. 크게 어려운건 아니고 mouseover 이벤트 실행시 e.target과 elementFromPoint를 통해 얻은 elemen