목록web (82)
Rainbow
1. 자바스크립트 소스코드를 웹브라우저에 사용하기 위해서 태그를 쓴다 2. 사용자와 상호작용하는 코드 event라고 부른다 onclick 속성으로 이벤트 20개를 정의한다 EX) 이벤트를 등록하는 방법 HTML onclick 입력하여 클릭 이벤트를 등록하는 방법 →
아코디언 메뉴(accordion menu)는 웹 또는 모바일 앱 디자인에서 사용되는 UI(사용자 인터페이스) 구성 요소 중 하나입니다 HTML, CSS, JavaScript 등을 사용하여 구현할 수 있습니다. 주로 웹 개발에서 사용되며, 사용자가 클릭하거나 터치하여 메뉴 항목을 펼치고 닫을 수 있습니다. (일반적으로 각 섹션을 접을 수 있고 펼칠 수 있다) 3개의 이미지가 접혀있는 아코디언 이미지 메뉴를 만들어 보겠습니다 이미지와 텍스트를 배치하고 스크립트에서 ' default ' 와 ' expand ' 클래스를 추가/제거 하여 메뉴에 커서를 올리면 펼쳐지고 영역을 벗어나면 접히는 기능입니다 결과 ::) See the Pen Untitled by kkang2469 (@kkang2469) on CodePe..
04-3 겹치거나 넘치는 요소 다루기 - 입문자를 위한 CSS3 (wikidocs.net) 04-3 겹치거나 넘치는 요소 다루기 ##요소의 겹침 현상과 z-index 웹 문서가 렌더링 될 때, 모든 요소는 문서의 기본적인 흐름에 따라 태그가 쓰여진 순서, 즉 요소가 표현된 순서대로 브라우저 화면에 보여집니… wikidocs.net
jQuery / Method / .attr() – 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드 – CODING FACTORY jQuery / Method / .attr() - 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드 .attr() .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다. 문법 1 - 속성의 값 가져오기 선택한 요소의 속성의 값을 가져온다. .attr( attributeName ) 예를 들어 아래는 div 요소 www.codingfactory.net
[JavaScript] 문자열 자르기 (substr, substring, slice) (tistory.com) [JavaScript] 문자열 자르기 (substr, substring, slice) 자바스크립트에서 문자열을 자르기 위해서는 substr(), substring(), slice() 함수를 사용하면 된다. 문자열을 뒤에서부터 자르기 위해서는 slice() 함수를 사용하면 효율적이며 타 언어의 Right 함수와 비 gent.tistory.com
display : { 속성값 } grid : 컨테이너 안의 항목을 블록 레벨 요소로 배치 inline-grid : 컨테이너 안의 항목을 인라인 레벨 요소로 배치 grid-template-columns : 속성 - 각 칼럼의 너비를 지정한다 grid-template-rows : 속성 - 컨테이너 안의 줄의 간격, 높이 지정 px -> 크기 고정 fr -> 상대적 크기 지정 repeat()함수 값이 반복될 경우 줄여서 표현 auto-fill: 너비만큼 채우기 auto-fit: 공간 없이 꽉 채우기 minmax(최소, 최대) - 줄 높이를 고정하지 않고 유연하게 지정한다 - 줄 높이를 고정할 경우 지정한 높이보다 내용이 많을 경우 보이지 않음 px: 크기 고정되어 넘어가면 보이지 않음 minmax(100px ..