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)  : 확인이 완료되면, 해당 코드는 아예 ..

오늘의 목표javascript 에 익숙해지기 위해서, 정렬에 대해서 배워보자  javascript 유의사항  javascript 는 자료형을 안써도 된다: 동적 타입을 지원해주기 때문.같은 변수에 서로 다른 값을 넣어도, 에러가 나지 않고 값과 타입이 변한다   변수로는 var 와 let 이 있다.  그러나, 일반적으로 let 을 많이 사용한다: var는 재선언이 가능해서, 변수가 어디에 선언되어있는지 판단하기 어렵기 때문에프로그램 상의 오류를 일으킬 수 있어서 잘 사용하지 않는다.  상수로는 const 가 있다. 상수는 변하지않고 일정한 값을 갖는 수를 의미: 상수로 지정한 후에는 나중에 값을 바꿀 수 없다      javascript 의 변수 : let 으로 선언-> let apple = 'yummy..