반응형 검색2 SearchEfferct02 searchEffect02 includesOf() 문자열 메서드를 사용하여 CSS 속성을 검색할 수 있게 코딩하였습니다. 원본 소스 보기 원본 사이트 보기 HTML 전체적인 HTML 구조는 동일하며, search__list(속성 리스트)에 data-type 속성을 추가하여 타입으로도 검색이 가능하도록 하였습니다. 1 2 3 4 5 6 indexOf()를 이용하여 검색하기 CSS 속성 검색하기 검색하기 전체 속성 갯수0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 .. 2022. 8. 17. SearchEffect01 searchEffect01 indexOf() 문자열 메서드를 사용하여 CSS 속성을 검색할 수 있게 코딩하였습니다. 원본 소스 보기 원본 사이트 보기 HTML 검색창, 전체 데이터의 갯수를 확인하기 위한 영역, 태그 데이터를 입력합니다. 키워드와 리스트의 데이터를 비교하기 위해, 각 리스트에 data-name="" 속성을 부여합니다. 1 2 3 4 5 6 indexOf()를 이용하여 검색하기 CSS 속성 검색하기 검색하기 전체 속성 갯수0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 .. 2022. 8. 16. 이전 1 다음 반응형
