목록Filter (2)
today_is

오늘의 목표다중 필터를 이용하여, 여러개의 조건에 대한 결과를 출력하자 (OR 조건) 배열에 사용할 수 있는 함수함수기능arr.forEach단순 반복arr.filter조건 필터arr.toSorted정렬arr.map재구성arr.slice잘라내기arr.includes포함여부 확인 코드 해석 [ 다중필터 ]boxList 는 check box의 내용을 모두 불러온것 (querySelect 로 불러온건 모두 nodeList)-> const boxList = document.querySelectorAll('div.left > label > input[type="checkbox"]') 배열에서 원하는 속성만 가져오거나, 별도의 속성을 추가해서 가져올때 Array.map 사용map 을 이용하여 name ..

오늘의 목표 검색 필터를 이용한 검색기능 구현을 해보자코드 해석 filter는 boolean 형식 핵심 form태그를 쓴다면, form 이 제출될때 이벤트가 발생하도록 해야함: input 에 대한 key 이벤트 사용 Xsubmit 에 대한 click 이벤트 사용 Xform 에 대한 submit 이벤트를 사용한다form이 submit 되면 새로운 요청이 발생하고, 이후의 자바 스크립트는 무시한다 form 에 대한 submit 이벤트는 반드시 !! 첫줄에 이벤트 기본작동을 막아야함-> event.preventDefault() 확실하게 하기 위해서는 console.log 를 이용하는 것이 가장 바람직하다-> console.log(searchValue) : 확인이 완료되면, 해당 코드는 아예 ..