< Code diaries />

function stateCheck(e) { let status = e.target.readyState; let msg = ''; switch (status) { case 'loading': msg = '웹문서 로딩중'; break; case 'interactive' : msg = '웹문서 로딩완료, 리소스 로딩중'; break; case 'complete' : msg = '모든 리소스 로딩 완료' break; default : msg = '상태를 체크할 수 없습니다.' } console.log(..

이벤트란?웹사이트 이용시 사용자가 조작하는 어떤 동작이나, 브라우저 자체에서 상태를 캐치하여 일어날 수 있는 동작들을 말한다.예를 들면 문서를 불러들이는 순간(온로딩), 마우스를 요소에 올리는 동작, 클릭하는 동작, 스크롤링 등이 대표적인 이벤트 이다. 웹브라우저에서 일어날 수 있는 이벤트를 3가지로 나누어 정리 해보자. 1. 문서로딩 이벤트Event이벤트가 발생하는 순간DOMContentLoaded웹브라우저가 HTML을 리딩하여 DOM 트리구조를 만든 직후에 발생하며,CSS 및 Image, Video, Audio등의 자원이 로딩될때까지 기다리지는 않는다.Document객체에서 발생한다. 그래서 on 이벤트는 적용되지 않고, addEventListener를 사용해야 한다.document.addEventL..

Node의 유형을 지정하는 정수타입의 값이다.nodeType(Value)definiationincludes..1Node.ELEMENT_NODE, ...2Node.ATTRIBUTE_NODE요소의 속성3Node.TEXT_NODE요소 또는 속성의 실제 텍스트4Node.CDATA_SECTION_NODECDATASection, 5Node.ENTITY_REFERENCE_NODE더이상 사용하지 않음6Node.ENTITY_NODE더이상 사용하지 않음7Node.PROCESSING_INSTRUCTION_NODE와 같은 XML 문서의 처리 지침8Node.COMMENT_NODE 주석문 노드9Node.DOCUMENT_NODEDocument node10Node.DOCUMENT_TYPE_NODE11Node.DOCUMENT_FRA..

1. HTML 코드 입력하기사용방법 : 백틱기호 ```html 로 시작 + 원하는 코드 적기 + ``` 로 마무리하여 끝낸다.( 맥인경우 백틱기호가 한글모드에서는 동작하지 않으니 주의 )    2. CSS 코드 입력하기사용방법 : 백틱기호 ```css 로 시작 + 원하는 코드 적기 + ``` 로 마무리하여 끝낸다.( 맥인경우 백틱기호가 한글모드에서는 동작하지 않으니 주의 )   그 외의 다른 언어들도 내가 다 해보진 않았지만, 같은방식으로 시도해 보면 되지 않을까 싶다 ^^  3. 채팅 글자 숨기기사용방법 : ||원하는글자||퀴즈에 답을 맞추거나 할때 용이하다. 블럭처리된 곳은 다시 클릭하면 보이게 된다.    4. 마크다운 적용하기사용방법 : # 글자#다음에 공백이 꼭 있어야하며, 해시(#)의 개수는..

오늘은 HTML문서에서의 프린트 설정에 대하여 알아볼게요웹 페이지를 디자인 할때 Screen 에서 보이는 모습을 CSS로 스타일링 하게 되는데요,페이지 중 인쇄를 제공해야하는 페이지들은 별도로 인쇄용 CSS를 정의하게 됩니다.그 방법을 몇가지 소개해볼게요 1. CSS 파일 내부에서 @media로 프린트 css 지정하기css 내부에서 사용할때에 할 수 있는 방법입니다.아래 코드를 보면 @media print 구문을 이용하여 프린트할때에 문서의 배경색과 글자색을 변경하고 있습니다. * { margin:0;padding:0}body { background-color:black; color:#fff;}p { line-height:2; max-width:800px; margin:0 auto;}@m..

STEP 1. Extension에서 'Print'라고 검색해서 설치합니다.   STEP 2. 인쇄하고싶은 코드화면에서 마우스 우클릭하여 프린트화면을 미리보기합니다.(Print preview)  STEP 3. 브라우저에 코드가 보이면 마우스 우클릭하여 'Print'메뉴를 선택하여 설정에 맞게 인쇄합니다.