우사미 코딩

일단 우리의 앱은 위와 같은 계층구조를 가지고 있다 App이라는 Main contoroller (라고 부르겠음; 이게 기억하기 쉬우니께)가 페이지에 보여줄 요소들을 자식으로 가지고 있음. App의 자식으로는 SearchBar, ImageList가 있고 SearchBar, ImageList는 형제간인데 얘네들끼리는 직접적인 소통은 불가함 하지만 자식-부모간에는 props와 callback function으로 소통하는게 가능한거임 그럼 SearchBar에서 text value를 "app"으로 넘겨주고 그럼 그 앱이 api로 이미지를 요청한 다음 응답받아서 ImageList에 이미지 주소들을 넘겨주면 됨 ㅇㅇ 1. SearchBar.js import { useState } from "react"; functi..

버튼 클릭했을 때 콜백함수 정의하는거 그거임 https://legacy.reactjs.org/docs/events.html SyntheticEvent – React A JavaScript library for building user interfaces legacy.reactjs.org 이거슨 리액트의 이벤트를 모아놓은 것 버튼을 만들고 마우스 클릭이벤트 연결 ㄱㄱ 콜백함수는 리액트에서 표기법이 다양하기 때문에 간단한 방법으로 하면 됨 import AnimalShow from "./AnimapShow"; function App(){ const num = 0; const handleClick = () =>{ console.log("handleClick!") } return ( console.log("hel..