오늘의 CODE

◇ SVG란? SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 서술하는 XML 기반의 마크업 언어로 CSS, DOM, JavaScript 등 다른 웹 표준과도 잘 동작하도록 설계되었다. JEPG, PNG 등 고전적인 비트맵 이미지 형식과 비교했을 때 SVG 형식의 벡터 이미지는 손실이나 품질 저하 없이 모든 크기에서 렌더링이 가능하며 그래픽 편집툴 없이도 파일 내의 텍스트를 수정해서 쉽게 수정할 수 있다. 참고. SVG 요소 referencce - https://developer.mozilla.org/ko/docs/Web/SVG/Element SVG Attribute reference - https://developer.mozilla.org/ko/docs/Web/SVG/Att..

js가 없이 html 태그로만 아코디언 메뉴를 만드는 방법 MDN 의 설명에 따르면 열림 상태일 때에만 내부 정보를 보여주는 정보 공개 위젯이라고 되어있다. 간단히 발하면 클릭 시 세부 정보가 보여지도록 하는 아코디언 메뉴를 떠올리면 된다. 태그 내부에 생성하는 태그는 아코디언 메뉴의 타이틀로 사용되며, 만약 생략할 경우, 브라우저에서는 기본 요약 문자열("상세", "세부정보" 등)으로 표기된다. Details Something small enough to escape casual notice. details가 처음부터 열려 있는 상태로 나타나게 하려면 open 속성을 지정하면 된다. System Requirements Requires a computer running an operating system..