김버그 [JavaScript #20] Basic of JavaScript - DOM Event Flow 이벤트의 작동 원리를 알아야 이벤트를 제대로 쓸 수 있다! 어떤 요소에서 이벤트가 발생했을 때, 그 이벤트를 전파하여 감지하는 흐름을 의미한다. HTML은 중첩된 구조(HTML -> body -> div)로 이루어져있다. 만약 우리가 div에 해당하는 event를 클릭한다면, div는 이벤트의 시발점(The Ultimate Cause)이 된다. 그러나 div를 감싸는 body, 그 상위에 h... event flowJavaScriptcapturebubble김버그DOMTILDOM { 김👾의 CSS는 재밌다 } #2 - Selectors 단 한번을 스타일링 선언으로 여러 개의 요소를 동시에 스타일링 할 수 있어 굉장히 효율적으로 할 수 있다. 한 요소에 여러 개를 동시에 선언할 수 있다. 단 하나만 선택해서 스타일링 할 수 있다. parent > child : 부모 태그 안에 있는 자식을 선택한다. parent descendant : 부모 태그 안에 있는 모든 자손을 선택한다. <section>안에 모든 자손의 <h1>을 선... 김버그CSSCSS
[JavaScript #20] Basic of JavaScript - DOM Event Flow 이벤트의 작동 원리를 알아야 이벤트를 제대로 쓸 수 있다! 어떤 요소에서 이벤트가 발생했을 때, 그 이벤트를 전파하여 감지하는 흐름을 의미한다. HTML은 중첩된 구조(HTML -> body -> div)로 이루어져있다. 만약 우리가 div에 해당하는 event를 클릭한다면, div는 이벤트의 시발점(The Ultimate Cause)이 된다. 그러나 div를 감싸는 body, 그 상위에 h... event flowJavaScriptcapturebubble김버그DOMTILDOM { 김👾의 CSS는 재밌다 } #2 - Selectors 단 한번을 스타일링 선언으로 여러 개의 요소를 동시에 스타일링 할 수 있어 굉장히 효율적으로 할 수 있다. 한 요소에 여러 개를 동시에 선언할 수 있다. 단 하나만 선택해서 스타일링 할 수 있다. parent > child : 부모 태그 안에 있는 자식을 선택한다. parent descendant : 부모 태그 안에 있는 모든 자손을 선택한다. <section>안에 모든 자손의 <h1>을 선... 김버그CSSCSS