탐색선택자를 사용하면 기본 선택자로 선택한 요소 중 원하는 요소를 한 번 더 탐색해서 좀 더 정확하게 선택할 수 있다. 대표적인 예로 배열의 인덱스를 사용해서 선택하는 `위치탐색 선택자`와 배열에 담겨진 요소 중 지정된 속성과 값으로 선택하는 `속성 탐색 선택자`가 있다. 1. 위치 탐색 선택자 ▼기본 선택자로 선택한 요소는 배열에 담기게 된다.그래서 배열의 인덱스를 사용하면 특정 요소를 좀 더 정확하게 선택할 수 있게 되는 것이다. 종류용법설명$("요소 선택:first")$("요소 선택").first()$("li:first")$("li").first()전체 요소 중 첫번째 요소만 선택$("요소 선택:last")$("요소 선택").last()$("li:last")$("li").last()전체 요소 ..
이번 포스팅 설명은 제가 작성했으나 이미지는 다른 곳에서 잘 그려진 것들을 가져왔습니다.이미지마다 출처 표기했습니다 :) 여기 가시면 flex 요소들을 직접 클릭해 보면서 화면 레이아웃을 확인해 볼 수 있어요. flex-shrink - CSS: Cascading Style Sheets | MDNThe flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, the flex items can shrink to fit according to their flex-shrink value. Each flex line's negati..
블로그 꾸미기 하면서 간단한 뮤직 플레이어를 만들었다. 음악이 재생 중일 때만 현재 플레이중인 음악 정보를 표시하는 코드 어떻게 짰는지 간단히 올려 본다. 플레이 버튼을 누르기 전까지는 `Title` 과 `Progress Bar` 이 숨겨져 있다가 곡이 재생되면 제목과 프로그레스바가 플레이어 위로 부드럽게 나타나는 코드이다. ⚡ music-info 클래스 CSS 코드음악 재생 전(기본상태).music-body .music-container .music-info { opacity: 0; /* 투명도 100%로 화면에서숨겨짐 */ transform: translateY(100%); /* (수직 방향) 자기 자신 높이만큼 아래로 이동 */ transition: transform 0.3s ease-in..
1. form 태그encrype자주 사용되는 속성값 "name", "method", "actioin", "encrype" 파일이나 이미지 업로드가 있는 폼은 반드시 enctype="multipart/from-data" 이 타입으로 지정을 해야 파일 업로드(전송)이 된다. 그래야 서버에 파일을 저장해서 처리 할 수 있다. 보안때문에 자동완성이나 입력 값 체크를 하지 않도록 하려면 qutocomoplete="off" 폼 속성과 "novalidate" 속성 사용 + + 2. input 태그placeholder="텍스트"입력 필드에 예상되는 추천 값을 미리보기 하는 용도 태그 포커스 되면 사라짐 readonly읽기 전용. 입력필드가 사용자 입력 불가한 상태가 됨. ..
내가 볼려고 정리함1. 엔터티의 특징 다음 중 엔터티가 갖는 특징으로 적합하지 않은 것은? - 다른 엔터티와 1개 이상의 관계를 가지고 있어야 한다- 반드시 속성을 가지고 있어야 한다.- `1개 이상`의 인스턴스를 가지고 있어야 한다. => 2개- 유니크함을 보장할 수 있는 식별자가 있어야 한다. 한 개의 엔터티는 두 개 이상의 인스턴스를 갖는다.한 개의 인스턴스는 두 개 이상의 속성을 갖는다.한 개의 속성은 하나의 속성 값을 갖는다. 엔터티 : 테이블 전체 (예: `고객테이블`)인스턴트 : 행 (예: `고객 1명`)속성 : 열 (예: 고객의 `이름`,`전화번호`,`주소`)2. 기본 엔터티, 중심 엔터티, 행위 엔터티발생시점에 따른 분류`기본 엔터티`는 독립적으로 생성되어 자신만의 주식별자를 가지며 다..
