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

자바스크립트

• [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
• [React] props

  Development/React 2021. 7. 21. 00:13

  리액트의 Props에 대해서 정리해보겠습니다. 아래 리액트 홈페이지에서 해당 내용을 참고해보세요. https://ko.reactjs.org/docs/components-and-props.html Components and Props – React A JavaScript library for building user interfaces ko.reactjs.org props 는 properties의 줄임말입니다. 어떠한 값을 컴포넌트에게 전달해줘야 할 때 사용합니다. 먼저, 'name' 이라는 값을 Hello컴포넌트에 전달해보겠습니다. import React from 'react'; import Hello from './Hello'; function App() { return ( ); } export def..

  Read More