useRef2 이미지 등록 프로세스, useRef (복습 19일차) 파이어베이스 실습 리뷰 import { useEffect, useState } from "react"; import MyfirebaseListUI from "./MyfirebaseList.presenter"; import { collection, getFirestore, getDocs, DocumentData, } from "firebase/firestore/lite"; import { firebaseApp } from "../../../../../pages/_app"; import { useRouter } from "next/router"; export default function MyfirebaseList() { const router = useRouter(); const [dataBoards, s.. 2022. 4. 27. useEffect와 useRef UseEffect import { useEffect, useRef, useState } from "react"; import { useRouter } from "next/router"; export default function FunctionLifecycleRefPage() { const router = useRouter(); const inputRef = useRef(null); const [count, setCount] = useState(0); // componentDidMount와 동일!!! useEffect(() => { console.log("마운트됨!!!"); inputRef.current?.focus(); // componentWillUnmount와 동일!!! return () => { .. 2022. 4. 2. 이전 1 다음
