Web,HTML,CSS2 CSS pointer-event 속성 ref https://webdir.tistory.com/506 CSS 이벤트 제어(pointer-events ) 속성 흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각합니다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity 속성을 이용한 경우라면 가시성은 없지 webdir.tistory.com 유저 이벤트를 피하고 싶을 때 display: none 을 한다거나 display: hidden 속성을 주게된다. 하지만 opacity 속성은 여전히 태그가 위치하게 되고 이벤트 또한 동작한다. 속성 위치 점유 이벤트 활성화 opacity: 0 O O visibilty: hidden O X display: none X X pointer-events 이 속성은 HTML .. 2022. 7. 14. 브라우저 렌더링 동작 과정, script 태그 위치 ref https://wormwlrm.github.io/2021/03/27/How-browsers-work.html https://hahahoho5915.tistory.com/31 https://d2.naver.com/helloworld/59361 https://web.dev/critical-rendering-path-constructing-the-object-model/ https://web.dev/critical-rendering-path-render-tree-construction/ 위 게시글들을 읽고 나름 정리한 것입니다. 프론트 엔드 개발자 라면 프레임 워크 단에서에 최적화 예를 들자면 (ex. React.memo, useCallback) 등 중요 하지만 브라우저의단 에서의 동작도 필수로 알아야.. 2022. 6. 15. 이전 1 다음
