pgg-dev

컴포넌트가 브라우저 상에 나타날 때, 업데이트될 때, 제거될 때 호출되는 메서드(API) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 import React, { Component } from "react"; class LifeCycleSample extends Component { state = { number: 0, color: nu..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 const ironMan = { name: "토니 스타크", actor: "로버트 다우니 주니어", alias: "아이언맨" }; function print(hero) { const { name, actor, alias } = hero; const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`; console.log(text); } print(ironMan); //아이언맨(토니 스타크) 역할을 맡은 배우는 로버트 다우니 주니어 입니다. ironMan 객체와 print 함수가 선언되어 있고 print 함수 호출 시에 파라미터 값으로 ironMan 객체를 넘겨주는 소스코드이다...

리액트에서 특정 DOM 을 선택하기 위해 ref 라는 것을 사용한다. ◇ 함수형 컴포넌트 → useRef 라는 Hook 함수를 사용 ◇ 클래스형 컴포넌트 → 콜백 함수 또는 React.createRef 라는 함수 사용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 import React, { useState } from "react"; function InputSample() { const [inputs, setInputs] = useState({ name: "", nickname: "" }); const { name..