[React] 이벤트 처리, useState, prop - 예제 코드 이벤트 처리(Handling Event) export default function Welcome () { function showName () { console.log("yuns") } function showAge (age) { console.log(age) } function showText (txt) { console.log(txt) } return ( Welcome! Show name {showAge(10)} }>Show age { const txt = e.target.value; showText(txt); }} /> ) } useState() state : 컴포넌트가 갖고 있는 속성값 import { useState } from "react"; export default function We.. [React] Component, Props 정의와 Props 사용법 Component and Props 1. Components React ⏩ Component-Based 레그 블록 조립하듯, 컴포넌트들을 모아서 개발 예 ) Air-bnb : 컴포넌트를 여러번, 반복적으로 사용해서 하나의 페이지 구성 Props(입력) ⏩ React component ⏩ React element(출력) 기본적으로 JavaScript 함수와 비슷한 로직. 어떠한 속성들(Props)를 입력으로 받아서, 그에 맞는 React element들을 생성, 반환한다. Component - Element 붕어빵틀(Component)과 붕어빵(Element)의 관계 객체지향 프로그래밍에서, 클래스와 인스턴스와 비슷 2-0. Props 컴포넌트에 전달할 다양한 정보를 담고있는 자바스크립트 객체 Proper.. 이전 1 다음
