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 ..

오늘의 목표다른 웹서버에 있는 데이터를 이용하여 원하는 형식대로 데이터를 출력해보기 script 코드는 vscode 로 작성해보자  이미지 출력해보기  AJAX 화면 구현      전체 목록 출력하기 + (페이징)  posts 번호 제목       개별 보여주기  전체 목록 중에서 하나를 선택하면 (a 태그를 이용하여 페이지 이동) 이때, id 를 받아와서 개별 출력  post.html ..

오늘의 목표 json 파일을 이용하여, 화면 구현해보자     01   관련 기초 문법 익히기   element div 를 이용하여 데이터를 미리 구성해둔 다음,그 데이터를 출력하는 방법에 대해 배워보기 element.html 이지은 31 홍진호 42 나단비 5    appendChild appendChild() : 새로운 요소를 추가하는 방법 6_appendChild.html     02    데이터를 직접 넣고 화면에 출력해보기   7_ JS 화면 구현 ..

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

오늘의 목표클릭이벤트를 이용하여, 클릭할때마다 정렬기준이 바뀌도록 해보자  오늘 실습에 사용된 parking.js 파일은 공공 데이터 포털 사이트에서 가져왔습니다 !  [ 코드해석 ]   핵심 : 하나의 버튼을 이용하여, 오름차순 정렬과 내림차순 정렬 모두 수행할 수 있도록 한다. 즉, 홀수번째로 눌렀을때는 오름차순 정렬짝수번째로 눌렀을때는 내림차순 정렬로 바뀌도록 할 것이다   script 를 해당 폴더에 넣어두고, 선언해서 사용한다->      arrow 라는 클래스를 만들어서 여기에 🔺또는 🔻가 나오도록 할것이다.🔺: 오름차순을 의미🔻 : 내림차순을 의미  order 값이 1이라면, 버튼을 한번 더 눌렀을때에는 값이 -1로 바뀐다->    const order = +target.getAttr..

오늘의 목표 js 파일의 내용을 불러와서 출력,목적에 맞는 정렬,   출력할 파일 내용 : 해당 js 파일을 vscode에 넣어두어야함const arr = [ { "user": "TrynMst", "champion": "퀸", "team": "블루", "kill": 7, "death": 7, "assist": 7, "damage": 27176, "cs": 173 }, { "user": "강승우의 제발PLZ", "champion": "마오카이", "team": "블루", "kill": 4, "death": 6, "as..

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

오늘의 목표  html 코드에 익숙해질 수 있도록 실제 사이트의 모습을 따라만들어보자  Language Banking 은행안내 윤리경영 금융소비자보호 기업지배구조 경영정보 ESG경영 채용정보 홍보센터 ..