팀프로젝트_기록일지31 (2).이정환_react.js강의_ 이벤트 핸들링에서 이벤트 객체 , 합성이벤트객체(작성중) 합성이벤트 객체 :어떤 짓거리 할 때, 등장하는 새끼? : 이벤트 핸들러 함수에서 이벤트 객체 사용시, 이때, 이벤트 객체가 합성객체(SyntheticBaseEvent)이다.예시 코드 :Button.jsfunction Button(props) { const { color = "purple", text, children } = props; const onClickButton = (event) => {//핸들러 console.log(event);//event를 출력해보라고 함 }; return ( //onClick 속성에 함수 대입 => 버튼 누를시, 핸들러 발생 {text} {children} );}export default Butt.. 2025. 1. 13. (1).이정환_react.js강의_ 컴포넌트 1. 부모 컴포넌트, 자식 컴포넌트ex_import Header from "./components/Header";function App() {//부모 컴포넌트 return ( //자식 컴포넌트 안녕 리엑트! );}export default App;2. React에서 App 컴포넌트 특징 :App. 모든 자식 컴포넌트의 상위 컴포넌트 => 따라서, App 컴포넌트를 '조상'컴포넌트 || 'Root' 컴포넌트 라고 한다.3. React 프로젝트의 일반적 초기 셋팅 컴포넌트 구조App.jsimport Footer from "./components/Footer";import Header from "./components/Header";import Main from "./co.. 2025. 1. 13. (1)React_배열Render, sort,delete ● 복습1_fetch + 배열 render하기○ App.jsimport { useState } from "react";import ReviewList from "./ReviewList";import { getReviews } from "../api";function App() { const [items, setItems] = useState([]); const handleLoadClick = async () => { const { reviews } = await getReviews(); setItems(reviews); }; return ( 불러오기 );}export default App;○ ReviewList.jsimport "./ReviewList.. 2025. 1. 2. 이전 1 ··· 5 6 7 8 다음
