[JS] 맨날 까먹는 for 반복 관련 문법 다시 총정리
let arr = [1, 2, 3, 4, 5]; let obj = {a: 1, b: 2, c: 3}; 1. for loop : 자유롭게 정해서 순회 for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } 2. for of : 배열의 각 요소 순회 (배열) for (let val of arr) { console.log(val); } 3. for in : 객체의 각 key 순회 (객체) for (let key in obj) { console.log(key, obj[key]); // a 1, b 2, c 3 } 4. .forEach() : 함수형 프로그래밍 스타일을 따른다. (배열) arr.forEach(function(val, index) { conso..
2023. 5. 1.
ChatGPT 4.0 으로 나만의 라이브러리 만들기 도전(애니메이션 엔진)
1. 개요 - chatGPT 4.0이 출시되었다! 더욱 신중하고 정확하며, 오류가 적고 거짓말을 줄였다고 한다. - plust 결제 바로 때렸다 - 프로젝트에서 사용할 타임라인 애니메이션 엔진을 가볍게 만들어보고 싶었다. - 일도하고 사이드프로젝트도 하고 공부도하고 장가도 가야하니까 바빠서 chatGPT4.0 에게 시켜보았다. 2. 요구사항 작성 - 일단 사용방법을 정의해보았다. const anim1 = vic .anim('요소', 'css속성', 'css값', 애니메이션지속시간, 애니메이션실행이후콜백함수) //1번 애니메이션 .next('요소', 'css속성', 'css값', 애니메이션지속시간, 애니메이션실행이후콜백함수) //1번 종료 이후 .with('요소', 'css속성', 'css값', 애니메이션..
2023. 3. 16.