HTML
-
[DOM Hack] 특정 DOM element의 이벤트 모두 없애기(HTML Event remove)frontend/꿀팁 2022. 9. 29. 08:52
오늘은 이벤트 덮어 쓰기에 대해서 알아보려고 합니다. 가끔 웹사이트를 이용하다 보면 스크립트 공격과 다양한 취약점들을 해결하기 위해 브라우저에서부터 폼 내부에 특수문자가 들어오지 않게 막는 경우가 있습니다. 이럴때 우리는 한자키를 이용한 특수문자로 대체하거나 아니면 해당 돔의 keyup이벤트에 걸려 있는 치환 이벤트를 지우고 입력해야됩니다. //TAG let tagEle = document.getElementsByTagName('input'); for(let i = 0, len = tagEle.length i < tagEle ; i++){ tagEle[i].outerHTML = tagEle[i].outerHTML; } //ID let idEle = document.getElementById('test')..
-
html - DOCTYPEfrontend/html 2022. 4. 21. 12:36
오늘은 프론트엔드 면접 기출 문제이자 아주 간단한 내용인 DOCTYPE에 대해서 알아보도록 하겠습니다. 우리가 보통 front end 개발을 할 때 HTML의 최상단에 작성하는 이 DOCTYPE의 용도는 아주 간단합니다. DOCTYPE 브라우저가 HTML문서를 렌더링 할 때 어떤 스펙으로 렌더링 할지 정의 하기 위함 브라우저는 렌더링을 하기위해 두가지 방식 중 하나의 방식을 선택하게 됩니다. W3C에서 정의한 standard mode ( 스탠다드 모드 )와 quirks mode ( 브라우저별 호환모드 ) 입니다. 기본적으로 을 지정하지 않으면 default로 quirks mode로 렌더링 하게 됩니다. 또한, 을 통해 html5 뿐만 아니라 과거의 html 표준으로도 선언할 수 있습니다. 최신 html5..