디자이너에서 개발자 디자이너에서 개발자

JavaScript

• [JS] 구조분해할당

  Development/Javascript 2021. 10. 12. 09:04

  구조분해할당 또는 비구조화할당 이라고 합니다. 아래 MDN 문서를 참고해주세요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당 - JavaScript | MDN 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. developer.mozilla.org 구조분해할당은 객체 또는 배열의 속성을 변수에 담을 수 있는 표현식입니다. 객체로 사용해보겠습니다. const user = { id: 'hyemin', nickname:'혜민', age: 31, email: 'hyemin@test.tes..

  Read More
• [JS] Object.assign

  Development/Javascript 2021. 10. 8. 00:36

  객체(object)의 명령어인 assign에 대해 정리합니다. MDN 공식 문서 참고해주세요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN Object.assign() 메서드는 출처 객체들의 모든 열거 가능한 자체 속성을 복사해 대상 객체에 붙여넣습니다. 그 후 대상 객체를 반환합니다. developer.mozilla.org 하나 이상의 출처 객체로부터 대상 객체로 복사할 때 사용합니다. var fruit = { name: 'Banana', color: 'Yellow' } var food = { name: 'Banana', ..

  Read More
• [JS] filter

  Development/Javascript 2021. 10. 6. 22:22

  filter라는 메소드는 배열 데이터의 아이템들을 특정한 기준에 의해 필터링(true)해서 새로울 배열데이터로 반환해줍니다. MDN의 공식 문서를 참고해보세요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org 필터링하여 새로운 배열을 하기 때문에, 새로운 배열을 반환합니다. 기존 배열(원본 데이터)에는 영향에 없습니다. const nums = [1, 2, 3]; const f..

  Read More
• [JS] map, forEach

  Development/Javascript 2021. 10. 5. 23:13

  배열을 통해 많이 사용되는 map과 foreach에 대해 정리합니다. 아래 MDN 공식 문서를 참고해보세요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach Array.prototype.forEach() - J..

  Read More