개발하는 루루언니

🤍 각 NETWORK , WIRELESS , IPT 버튼 3개가 있다. 🩶 버튼 클릭시 class="selected" 가 붙도록 로직을 구성했다.🤍 name 명은 동일하다.NETWORK WIRELESS IPT   🤍 Array.from 을 통해 name 이  "service-button" 인걸 찾는다. let radio_buttons = Array.from(document.querySelectorAll('[name="service-button"]')) .filter(radio => radio.classList.contains("selected")) .map(radio => radio.value); console.log(radio_buttons); 🩶 필터를 두는데 각 배열의 아이..

🔻구현할려고 했던 방식 🤍 form 태그안에 input이 있고 검색을 입력할 수 있다.🤍 input 에 검색어를 입력후 엔터를 누르면 form 안에 있는 데이터가 서버에 전송되기 때문에 새로고침 현상이 일어난다.🤍 id= "searchkey_t" 를 입력 후 엔터키를 누르면 get_report_data 함수를 실행 후 retrun false 를 해주었다.🤍 get_report_data 는 데이터를 불러와 뿌려주는 함수인데 새로고침 현상때문에 데이터가 불러와지는 동시 첫 화면으로 새로고침 된다.$("#searchkey_t").keyup(function (e) { if (e.keyCode == 13) { get_report_data(); return false; } });  📕..

filter 함수는 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링 하는 함수 입니다. // 필터링할 배열 const num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // 개발자가 직접 작성한 콜백 함수 function isEven(value) { return value % 2 === 0; // 짝수인 경우 true 반환 } // 배열의 요소를 순회하면서 필터링된 배열로 반환 const result = num.filter(isEven); console.log(result); // 출력: [2, 4, 6, 8, 10] 1. num 에는 1 부터 10 까지의 숫자가 들어가져 있는 배열이 있다. 2. isEven 이라는 함수를 만들었다 ( 콜백함수로 쓰일 예정) ..

★forEach ⭐️ foreach 는 map 과 달리 새로운 배열을 반환하지 않고 원본 배열에서 순회하면서 수정하는 방식이다. (간략한 코드에서 사용하면 좋다) 📕 예제 1 💡배열 요소들을 문자열로 변환하여 새로운 배열 생성하기 const names = ['Alice','Bob','Charlie']; const greetings = []; names.forEach(function(name) { greetings.push(`Hello, ${name}`); // 배열 끝에 값 추가하기 }); console.log(greetings); // 출력 ['Hello , Alice!', 'Hello, Bob!', 'Hello, Charlie'] 📕 예제 2 💡 모든 사람의 나이를 5살씩 증가시킴 const peop..