20231114

Plan ( 할 것)

• 브라우저 이벤트 공부하기

Do ( 한 것 )

• 시맨틱 semantic 태그
• 장점
• 시맨틱 태그를 꼼꼼하게 작업할수록 검색 최적화 (SEO)
• 장애인 등 을 위한 웹 접근성 좋음
• 개발자 소통하기 좋음

• event 관련 공부
• event handler 등록 삭제
• Element.addEventListener('type', 'handler')
• Element.removeEventListner('type', 'handler')
• 이벤트가 발생하면 이벤트 ‘handler’의 첫 번째 파라미터에는 자동으로 이벤트 객체가 전달
• event buvvling
• 자식 요소에서 부모 요소로 이벤트가 전파되는 것을 이벤트 버블링(Event Bubbling)이라고 부름
• event Delegation
• 버블링 개념을 활용하면 훨씬 효과적인 이벤트 관리
• 자식 요소 각각에 이벤트 핸들러를 하나씩 등록할 필요 없이 부모 요소에서 한 번에 자식 요소들에 발생한 이벤트를 관리
• 자식요소 이벤트 발생 → 부모 요소 이벤드 핸들러 작동 → 이벤트의 target 은 자식요소에서 발생하였스으로 여전히 자식요소가 들어있음

• CSS float
• float
• clear fix

Check ( 할 것과 한 것 사이 확인 )

• 생각보다 event 관련 공부할 것이 많았다. 쉬운 개념이 중요하지 않은 것이 아니듯이

• 기초부터 꼼꼼히 다지고 들어가야겠다.

Action Item

• CSS flex 개념 정리 및 실습

• 알고리즘 한 문제 풀기

• 이벤트 관련 공부 더하기
• mouse, scroll, input 등