WEB2 - JavaScript 23 (배열과 반복문의 활용)
·
youtube.com|user|egoing2/WEB2 - JavaScript
배열과 반복문의 활용 배운 내용을 가지고 주간 모드에서와 야간 모드에서 링크 목록을 뚜렷하게 만들어보자. 먼저 3.html 웹페이지에서 개발자도구, 검사로 들어가 console 에서 이 웹페이지에 있는 모든 a 태그를 가져와 보자. document.querySelector('a') 라고 입력하면 하나만 가지고 온다. querySelector 라고 하는 저 메소드, 함수, 명령(다 같은말)은 a태그에 해당되는 첫 번째 것만 가지고 오는 특성을 가지고 있기 때문. 추천 검색어 javascript get element by css selector multiple 추천 검색어 javascript querySelectorAll 이것을 alist 라는 변수에 담고 console.log( ); 을 입력 console..
WEB2 - JavaScript 19 to 22 (반복문, 배열)
·
youtube.com|user|egoing2/WEB2 - JavaScript
반복문의 예고 예제에서 주간 모드와 야간모드 상태에서 링크들의 색상을 변경하려고 한다. 주간 모드일 경우 좀 더 어둡게, 야간 모드일 경우 밝게 즉 버튼을 눌렀을 때 모든 링크들의 스타일 속성 값을 바꿔주는 코드를 짜 보자. 그런데 만약 이렇게 바꿔야 할 링크가 1억개가 넘는다면? 이때 반복문이 필요하다. 배열(Array) (먼저 배열이 무엇인가를 알고 왜 필요한지는 반복문 수업에 가서 알자.) 집에 살림이 늘어날 수록늘어날수록 이 살림들을 수납할 수 있는 냉장고나 책장, 서랍을 구매하게 된다. 우리는 살림, 물건이 늘어날수록 이것들을 그 필요성에 따라 정리 정돈할 수 있는 여러 가지 수납공간들을 마련하게 된다. 프로그래밍도 마찬가지이다. 데이터가 많아짐에 따라서 그 데이터를 그냥 둘 수 없기 때문에 그..