JS Dev Blog

something 태그를 이용하면 을 이용해서 자막과 이미지 콘텐츠를 함께 관리하기 편하다. 태그를 이용한 컨텐츠는 왼편에 조금 여백이 추가된다. 요소로 자막을 추가하면 을 추가하지 않아도 개행 처리가 된다. 위 처럼 태그 안에 세 개의 태그를 포함하면, 결과 랜더링 되는 화면 크기에 따라 세 이미지 중 하나의 이미지만이 선택되어 화면에 표시된다. 태그의 media는 화면 크기에 대한 조건을 지정할 수 있다. srcset은 이미지의 url을 지정할 수 있다. 위 예제에서는 375이하일경우 imag1, 376이상 768이하면 image2, 768이상 1024이하면 image3를 표시한다. 는 HTML5에서 추가되었기 때문에 오래된 브라우저에서 사용이 불가할 수 있다. 따라서 태그를 추가해주면 오래된 브라우..

DOM(Document Object Model)은 HTML을 Javascript가 이해할 수 있게 객체로 인식하는는 모델을 말한다. 조금 더 자세히 설명하면 나 같은 html문서의 태그들을 javascript가 이용할 수 있는 객체(Object)로 만드는 것을 의미한다. DOM을 사용하면 Javascript를 통해 웹페이지를 동적으로 제어(생성, 수정 삭제)할 수 있다. DOM의 특징 - 트리구조로 되어있다 (*트리구조 : 부모가 자식을 여러 개 가지고, 부모가 하나인 구조가 반복됨) - 자바스크립트를 이용해서 엘리먼트의 속성값을 얻어내거나 변경할 수 있다. - document라는 전역변수로 접근 가능하다. 자주 사용되는 메소드 // Create document.createElement('div') co..