본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

JS 응용하기32

#검색결과

총 32개를 찾았어요 ^^b

/

서치 이펙트_03 만들어보기! Search Effect 03 charAt()으로 첫번째 자리를 서로 비교해 자료를 찾고, hide된 갯수를 전체갯수에서 뺀뒤 찾은 갯수를 구현하는 법을 배워보겠습니다. 완성 예시 HTML 데이터 및 기본 구조를 아래와 같이 제작해줍니다. HTML 구조 전체보기 charAt()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 a b c d e f g h i j k l m n o p q r s t u v w x y z 총 속성 갯수 : 0 찾은 속성 갯수 : 0 accent-color : 다른 페이지 이동을 설정합니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : ..

퀴즈이펙트_틀린문제 정리.. 퀴즈 이펙트를 통한 틀린문제 출력! 퀴즈 이펙트를 통해 제가 직접 풀어보고 틀린문제들을 모아서 정리하였습니다 원본 소스 보기 원본 페이지 보기

서치 이펙트_02 만들어보기! Search Effect 02 data-name / indexOf 등의 요소를 통해 특정 문자에 대한 값을 찾는 페이지를 만들어 보았는데 이번에는 여기에 includes를 추가해 만들어보았습니다 완성 예시 HTML : search__info 추가하기 저번에 만들었던 [서치 이펙트_01]에 search__info클래스를 가진 div박스를 만들어 아래와 같은 요소를 추가해줍니다. 플렉스, 애니메이션, 백그라운드, 기타 등등 유형 별로 검색해보세요! 전체 속성 갯수 : 0 추가로 검색을 위한 데이터로 활용하기 위해 추가해두었던 리스트 항목에 data속성 "type"을 추가하기 위해 data-type을 적습니다. HTML 구조 전체보기 includes()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 검..

서치 이펙트_01 만들어보기! Search Effect 01 data-name / indexOf 등의 요소를 통해 특정 문자에 대한 값을 찾는 페이지를 만들어보겠습니다! HTML : data-name "우선 찾을 값으로 활용할 데이터를 리스트로 만들어 li 마다 data-name을 설정해 추후 각 데이터를 indexOf를 통해 찾을 수 있도록 속성을 부여해 하단과 같이 작성합니다 a : a 태그는 다른 페이지 이동을 설정합니다. abbr : abbr 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. article : 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다. aside : 문서의 주요 내ㄴ..

이전 1 ··· 4 5 6 7 8 다음

728x90

#HASH_TAGS

-

1

오늘은 내가바로 오징어! 울적하니 꽃을 달아봤습니다 Method 필터선택자 오징어 한마리 수확 완료! 테스트테스트 슬라이드 결과 : 월요일 오늘 조업 마감했습니다. ImageSlideEffect 메서드 HTML 테스트 scroll-snap-type JQuery 코드 선택해주세요 코딩 오늘도 웹표준은.. 이건 또 뭐람 숙제가 다양해서 너무 좋아요 내일은 즐거운 월요일 오징어 1Kg 당 3000원 공부 화사한가요? 제이쿼리 오징어 두마리 포획 완료 scroll-snap-align 다크모드 멈추지 않는 ' j ' 시리-즈

티스토리툴바