봉보로봉봉

과제를 진행하는데 getElementsByClassName에 addEventListener를 쓰면 계속 오류가 났다. 일단은 getElementsByClassName 대신 getElementById를 사용해서 해결했는데 왜 그런지 궁금해서 찾아봤다. querySelector와 getElementById는 단일 DOM 객체를 불러와서 addEventListener사용에 문제가 없지만, querySelectorAll과 getElementsByClassName은 NodeList를 가져온다. 여러 요소를 선택하는 메소드 뒤에는 직접적으로 addEventListener를 사용할 수 없는 것 같다. MDN 문서에도 querySelector와 getElementById는 단일 Element를 반환한다고 되어있고 qu..

CSS2까지는 모든 기능에 대한 내용을 하나의 문서에 정의하였지만 CSS3부터는 기능에 따라 모듈로 분리하여 정의하고 있다. CSS3의 모듈은 많은 것들이 아직 작성 중이다. 그래서 아직 표준 권고안이 되지 못한 속성들은 브라우저 마다 다른 방식으로 지원된다. CSS 표준으로 확정되기 전, 또는 표준은 아니지만 특정 브라우저에서만 지원되는 CSS 속성을 사용하기 위해서 제공되는 기능이다. 속성 이름 앞에 벤더 프리픽스(vendor prefix)를 붙여 브라우저별로 구분한다. 표준 규약이 완성된 속성도 옛날 버전의 브라우저 사용자를 고려하기 위해 벤더 프리픽스를 사용하기도 한다. 그렇게 하면 해당 기능이 포함되어 있지 않은 이전 버전의 웹 브라우저에서도 그 기능을 사용할 수 있게 된다. Vendor Pre..

mark태그로 묶은 부분의 배경이 노랑으로 표시된다. 현재 맥락에 관련이 깊은 텍스트를 하이라이트한 부분을 나타낸다. 형광펜을 사용해 중요 내용에 강조 표시를 하는 것이라고 생각하면 된다. 를 표시만을 위해서 사용하지 말 것! 는 연관성을 가진 부분을, 은 중요도를 가진 부분을 나타낼 때 사용한다. Today is Monday 동아시아 글자(예:일본어의 후리가나)에 주석 표시를 할때 사용한다. ruby태그 안에 rt태그를 사용해 주석 표시를 한다. rt태그는 ruby annotation(루비 주석)의 발음이나 설명을 정의한다. rp태그는 ruby태그를 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용한다. (html5에서 추가 됨) 요소를 감싸는 여는 괄호와 닫는 괄호를 각각 나타내야한다. 松本行弘(まつ..