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 등
Share article