반응형 JavaScript27 [JavaScript] Template literal(문자열) .trim() 맨앞 맨뒤의 불필요한 공백제거 Array.prototype.forEach() 1) forEach forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. for문을 돌리는것과 같은 개념. arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) callback - 각 요소에 대해 실행할 함수. 아래 세 가지 매개변수를 받는다 callback: function (currentValue[, index[, originalArray]]) currentValue: 처리할 현재 요소. index: 처리할 현재 요소의 인덱스 (Optional) Array: fotEach()를 호출한 배열 (생략가능) thisArg: call.. 2022. 1. 6. [JavaScript] 깊은복사, 얕은복사, Object.freeze() Object.freeze() 객체를 동결하며, 동결된 객체는 더이상 변경될 수 없습니다. 동결된 객체는 새로운 속성을 추가하거나 존재하는 속성을 제거하는 것을 방지한다. const obj = { prop: 42 }; Object.freeze(obj); obj.prop = 33; // Throws an error in strict mode console.log(obj.prop); // expected output: 42 얕은 복사: 객체의 property들을 복사 (depth 1단계까지만) 깊은복사: 객체의 프로퍼티들을 복사 (모든 depth에 대해서) 1. 프로퍼티들을 복사한다. 2. 프로퍼티들 중에 참조형이 있으면 1번 반복 --> 재귀 Object.assign() 깊은복사를 해야만 immutable(.. 2022. 1. 6. Elements - getElementsByClassName() : 많은 elements를 가져올 때 사용하며 array로 반환한다. //index.html Grab me! Grab me! Grab me! Grab me! Grab me! //app.js const title = document.getElementsByClassName("title"); title.innerText = "Got you!" console.log(title) - getElementsByTagName : name을 할당할 수 있으며 (array를 반환) Grab me! 된 경우에 자바스크립트에서 getElementsByTagName을 쓰면 할당가능. getElementById와 querySelector는 같은 기능을 하지만 querySelect.. 2021. 9. 23. [JavaScript] Date 함수 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date - JavaScript | MDN JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. developer.mozilla.org https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat Intl.DateTimeFormat() constructor.. 2021. 8. 25. Destructuring(구조분해할당) Destructuring을 사용하면 배열 요소 또는 객체 속성을 쉽게 추출하여 변수에 저장 할 수 있다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당 - JavaScript | MDN 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. developer.mozilla.org let a, b, rest; [a, b] = [10, 20]; console.lo.. 2021. 8. 23. [JavaScript] zerocho 자바스크립트 강의 13, 14강 function startGame() { const $fragment = document.createDocumentFragment(); [1, 2, 3, 4].forEach(function () { const rowData = []; data.push(rowData); const $tr = document.createElement('tr'); [1, 2, 3, 4].forEach(() => { rowData.push(0); const $td = document.createElement('td'); $tr.appendChild($td); }); $fragment.appendChild($tr); }); $table.appendChild($fragment); put2ToRandomCell(); draw(); .. 2021. 8. 22. 이전 1 2 3 4 5 다음
