웹 공부중... 내 코딩 정리노트

//데이터를 변수(명)에 저장 const cssProperty = [ //CSS 속성 목록 //a {num:1, name:"all", desc:"all 속성은 CSS 속성을 재설정하는데 사용할 수 있는 약식 속성입니다."}, {num:2, name:"animation", desc:"animation 속성은 애니메이션 속성을 설정하기 위한 약식 속성입니다."}, {num:3, name:"animation-delay", desc:"animation-delay 속성은 애니메이션이 시작되는 시간을 설정합니다."}, {num:4, name:"animation-direction", desc:"animation-direction 속성은 애니메이션이 움직이는 방향을 설정합니다."}, {num:5, name:"anima..

//데이터를 변수(명)에 저장 const cssProperty = [ //CSS 속성 목록 {view: "10", name: "all", desc: "all 속성은 CSS 속성을 재설정하는데 사용할 수 있는 약식 속성입니다."}, {view: "20", name: "animation", desc: "animation 속성은 애니메이션 속성을 설정하기 위한 약식 속성입니다."}, {view: "13", name: "animation-delay", desc: "animation-delay 속성은 애니메이션이 시작되는 시간을 설정합니다."}, {view: "40", name: "animation-direction", desc: "animation-direction 속성은 애니메이션이 움직이는 방향을 설정합니다..

//데이터를 변수(명)에 저장 const cssProperty = [ //CSS 속성 목록 {name: "all", desc: "all 속성은 CSS 속성을 재설정하는데 사용할 수 있는 약식 속성입니다."}, {name: "animation", desc: "animation 속성은 애니메이션 속성을 설정하기 위한 약식 속성입니다."}, {name: "animation-delay", desc: "animation-delay 속성은 애니메이션이 시작되는 시간을 설정합니다."}, {name: "animation-direction", desc: "animation-direction 속성은 애니메이션이 움직이는 방향을 설정합니다."}, {name: "animation-duration", desc: "animati..

//데이터를 변수(명)에 저장 const cssProperty = [ //CSS 속성 목록 {name: "all", desc: "all 속성은 CSS 속성을 재설정하는데 사용할 수 있는 약식 속성입니다."}, {name: "animation", desc: "animation 속성은 애니메이션 속성을 설정하기 위한 약식 속성입니다."}, {name: "animation-delay", desc: "animation-delay 속성은 애니메이션이 시작되는 시간을 설정합니다."}, {name: "animation-direction", desc: "animation-direction 속성은 애니메이션이 움직이는 방향을 설정합니다."}, {name: "animation-duration", desc: "animati..

const searchBox = document.querySelector("#search-box"); //search-box(검색창)를 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수(cssList)에 저장 const cssCount = document.querySelector(".count em") //em을 변수(cssCount:전체 속성 갯수)에 저장 cssList.forEach((e, index) => { //전체 속성 갯수 설정:li의 모든 index를 불러옴 e.classList.add("show"); //li의 index에 class="show" 추가 cssCount.innerHTML = index +..

const searchBox = document.querySelector("#search-box");//search-box 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수에 저장 searchBox.addEventListener("keyup", () => {//input를 클릭했을 때 이벤트 설정 const searchWord = searchBox.value; //사용자가 입력한 데이터 저장소 변수에 저장 //console.log(searchWord); cssList.forEach(el => {//다수의 li한테 적용 console.log(el.dataset.name) const cssName = el.dataset..