반응형

이벤트 2

ES6 : 구조할당(feat.이벤트 값 핸들링)

ES6 내용 중 이전에 정리를 했었지만 스스로 제대로 이해를 하지 못하고 있는 거 같아서 다시 한번 내용을 정리해 보려 합니다. 구조 분해 할당이란 배열이나 객체의 값을 원하는 개별 변수에 할당할 수 있습니다. 💡 Before : 배열/객체 데이터를 가져오는 방법 // 배열 let array = ["멍멍이", "냥냥이"]; let name1 = array[0]; let name2 = array[1]; // 객체 const animal = { name: '멍멍이', color: 'white' }; const name = animal.name; const color = animal.color; 💡 After : destructuring으로 배열/객체 데이터 가져오는 방법 // 배열 let [name1, na..

IT/JavsScript 2022.05.12

리액트(React) 스터디일지5 : 이벤트

1. 리액트에서는 카멜 표기를 원칙으로 합니다. 하이픈(-)이 들어가는 요소자리를 카멜 표기로 대체합니다. back-ground (x) backGround(o) font-size(x) fontSize(o) 2. 이벤트 이름은 카멜 표기로 작성합니다. onclick(x) onClick(o) onkeyup(x) onKeyUp(o) 3. 이벤트에 실행할 코드를 전달하는 것이 아니라 함수 형태의 값을 전달합니다. 4.DOM요소에만 이벤트를 설정할 수 있습니다. DOM요소(div, input, span)등의 요소에는 이벤트를 설정할 수 있지만 우리가 만든 컴포넌트에는 이벤트를 자체적으로 설정할 수 없습니다. 자세한 이벤트는 공식문서를 통해서 확인하실 수 있습니다. import React, { Component }..

IT/React 2021.04.08
반응형
//