제이쿼리란? 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 제이쿼리 연결하기 https://developers.google.com/speed/libraries?hl=ko#jquery 호스팅된 라이브러리 | Hosted Libraries | Google for Developers 가장 많이 사용되는 오픈소스 자바스크립트 라이브러리를 위한 안정적이고, 안정적이며, 속도가 빠른, 전 세계적으로 제공되는 콘텐츠 배포 네트워크입니다. developers.google.com 제이쿼리 1.12.4 버전
웹페이지에 상승표시로 나타나는 삼각형 넣는 방법 HTML에 삼각형을 넣을 공간을 만들어줍니다. 너비와 높이값은 0 각각의 border 길이를 넣어주면 원하는 모양과 크기의 삼각형을 만들 수 있습니다. (transparent는 투명하게 만드는 속성) ex) 적용 예시
시멘틱 태그 : html5 추가 된 태그로 문서의 각 구조에 사용하는 태그 header main footer : 기본 구조 nav : 네비게이션 영역 section : 주제별 그룹 article : 본문에 긴 글 aside : 부가설명 영역 figure : 사진, 차트, 소스코드 등 삽화 영역 figcaption : figure로 블록화 한 그림 등의 제목 영역
object-fit 이란 CSS의 'object-fit' 속성은 html 태그 요소 내에 이미지나 비디오를 배치하고 크기를 조절하는 데 사용 object-fit 속성 값 cover : 이미지의 비율을 유지하면서 요소를 꽉 채움 fill : 이미지의 비율을 유지하지 않고 요소를 꽉 채움 contain : 이미지의 비율을 유지하면서 내용이 전체적으로 비오도록 함 none : 내용의 크기 조정 없이 그대로 표시 scale-down : 'contain'과 'none' 중에 적절한 것을 선택 .container { width: 300px; height: 200px; overflow: hidden; } .image { width: 100%; height: 100%; object-fit: cover; } ex) +추..
