IT하는 참새

Event Delegation: 이벤트 위임 Event Delegation 종류: Bubbling, Capturing 이벤트 위임이 필요한 이유: 예를들어 뉴스의 종류를 보여주는 레이아웃이 있고각 뉴스들을 클릭했을 때마다 동작하도록 이벤트를 등록하고자 한다면? 1. li태그 참조2. 몇개가 될지도 모르는 li태그들을 반복문돌면서 click 이벤트 등록함 li개수가 많아지면 매우 비효율적 ------------------------------------------------------------------------------- 그렇다면 이벤트 위임은 어떻게 동작하는가?(Bubbling 기법) 1. 이벤트를 등록하고자 하는 많은 요소들의 부모 요소를 찾음2. 부모요소에 이벤트를 등록함3. 그럼 자식요소들은..

DOMContentLoaded Event (DOM Tree가 모두 로딩된 이후에 발생하는 이벤트 - load랑 차이있음) 상황: 이런경우에는 문제없다 하지만 이런 경우에는 문제가 생긴다 box라는 클래스를 가진 div가 생성되기도 전에 javascript로 참조했기 때문이다 정상적인 코드는 DOM Tree가 잘 형성된 이후에 참조했기에 가능했다하지만 이런경우라면? 좀 더 안전하게 코딩을 하려면? => DOMContentLoaded 이벤트를 이용한다 (DOM Tree만이라도 다 로딩되면 발생한는 이벤트) load 이벤트와 차이점: DOMContentLoaded: DOM Tree까지만 형성되면 발생하는 이벤트load: DOM Tree이후 자원의 배치까지 형성되고 완벽히 끝난 후 발생하는 이벤트 사용법: DO..

animation 주기를 16.6미만으로 하는경우 불필요한 frame이 생성되는 문제가 발생함 그래서 그냥 알아서 적당한 프레임으로 애니메이션 실행하게 하는 함수 requestAnimationFrame(callback 함수); 코드: 시간을 지정해줄필요없음재귀적으로 계속 호출해야함(애니메이션이니까)코드안에 조건을 두어 애니메이션 가능