본문 바로가기
반응형

Dev. Yelee ˗ˋˏϟˎˊ˗99

[JavaScript30/Day-5] Flex Panel Gallery Solution CSS flex grid와 transform translate transition에 대해 공부해야겠다 2021. 7. 18.
[자바스크립트] forEach, for ... in, for ... of 차이점 1. forEach forEach는 배열(Array), Map, Set에서 이용 가능하다. 배열의 각 요소를 반복하여 작업을 수행한다 let arr = [1, 2, 3, 4, 5] arr.forEach((value, index, array) => { console.log(value) }) // 배열의 아이템이 차례대로 출력 2. for .. in for .. in은 객체의 열거 가능한 속성을 반복하는데 사용된다. Array에는 사용하지 않는 것이 좋다. let obj = { name : 'yelee', age : 20, } for (let key in obj){ console.log(`${key} : ${obj[key]}`); } // name : yelee // age : 20 단, for .. in의.. 2021. 7. 17.
[JavaScript30/Day-4] Array Cardio Day 1 Q1. Filter the list of inventors for those who were born in the 1500's Array.prototype.filter()를 이용해서 1500년대에 태어난 발명가 목록 필터링하기 const result1 = inventors.filter(inventor => inventor.year >= 1500 && inventor.year `${inventor.first} ${inventor.la.. 2021. 7. 17.
[JavaScript30/Day-3] Update CSS Variables with JS HOW? 1. class.controls에 있는 input 요소들 받아오기 2. 각 요소들에 change 이벤트가 일어날 때마다 eventHandler 함수 호출 3. eventHandler 함수에서 CSS 속성 변경 Solution TIL (Today I Llearned🎉) setProperty : 사용방법 -> setProperty(css 속성, 값) change 이벤트와 input 이벤트 : change는 input 요소에서 value가 변경되면, input은 input요소에서 값이 입력될 때마다! 2021. 7. 16.
반응형