클로리셔 작은 공간

input type="checkbox" 체크박스 체크여부로 인한 JS 제작 작업중에 checkbox가 체크가 안되어있을 때, 경고문 뜨도록하는 작업이 들어왔다. 간단할 줄 알았는데 생각보다 로직이 은근 꼬여서 이번 기회에 어떻게 해결했는지 메모하려고 한다. 이런것들이 다 나의 피와 살, 토양과 영양분, 커리어와 연봉이 되거라며.. 연봉 incease(가즈아 🚀)!!! [ HMTL ] 전체 Image Exel PPT Word seach [ JavaScript Version 01 ] // search input이랑 button 부분 const searchInput = document.querySelector('#searchKey'); const searchButton = document.querySelect..

자바스크립트에 미리 포함 된 함수를 내장함수라 한다. 배열에 사용하는 반복문 내장함수에는 forEach() / map() 이 있는데 알아보자. forEach() / map() 에는 파라미터(인자)값이 3가지가 들어간다. ex) forEach( el, idx, arr ) el : 반복 돌고있는 대상 idx : 순서값 arr : 배열자체 1. forEach() const colors = ["red", "green", "blue"]; colors.forEach((el, idx, arr) => { //파라미터에는 3가지가 default.(반복도는 대상, 순서값, 배열자체 ) console.log(el); //red green blue console.log(idx); // 0 1 2 console.log(arr)..

1. for() 반복문 1-1) 배열에서 for() 이용하기 // 배열에서 사용법 const colors = ["red","green","blue","aqua"]; for( let i=0; i < colors.length; i++ ){ console.log(colors[i]); //red green blue aqua } 1-2) 객체에서 for() 이용하기 // 객체에서 사용법 const classA = [ {name: "Chloe", age: 20, address: "Seoul"}, {name: "Andy", age: 25, address: "Busan"}, {name: "Jane", age: 18, address: "Daegu"}, ]; for(let num=0; num < classA.length;..

1. while 반복문 let i = 3; while (i > 0) { // false가 나올때까지 무한대로 계속 반복하는것. console.log(`while: ${i}`); i--; } // while: 3 // while: 2 // while: 1 while 반복문은 조건문이 만족하면 {} 블럭을 실행시킨다. 만약 블럭을 먼저 실행하고 조건문을 진행하고싶으면 do - while을 사용하면된다. 2. do-while 반복문 let i = 3; do { // 블럭을 먼저 실행하고 console.log(`do while: ${i}`); i--; } while (i > 0) // 조건문을 반복하는 방법 // do while: 3 // do while: 2 // do while: 1 3. for loop 문..

1. for() 반복문 let array = ['포도', '사과', '바나나', '망고']; for(let i = 0; i < array.length; i++) { console.log(array[i]);// 포도, 사과, 바나나, 망고 } 2. for in() 자바스크립트는 배열이나 객체를 더욱 쉽게 다룰 수 있도록 for in 반복문을 제공한다. 위 for 문의 예제는 아래와 같이 바꿔 사용할 수도 있다. let array = ['포도', '사과', '바나나', '망고']; for( let i in array ) { console.log(array[i]);// 포도, 사과, 바나나, 망고 } 3. forEach() foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터..