개발하는 루루언니

useEffect *정리* useEffect ( () =>{ } ) 1. 재 랜더링마다 코드 실행하고 싶을때 사용 useEffect ( () =>{ }, [ ] ) mount시 1회 코드를 실행하고 싶으면 사용 => [ 값 ]안에는 값이라는 변수가 실행이될때만 실행되는것이다. useEffect ( () =>{ return ( ) =>{ } unmount 시 1회 코드 실행하고 싶을때 사용 },[] ) unmount는 보통 해당 컴포넌트에서 다른 컴포넌트로 이동할때 나타나는데 만약에 setTimeout () 이라는 함수가 있는데 재랜더링 될때마다 실행이 된다고 하면? 버그가 생길것이다. 그런것을 방지하기 위해 clearTimeout 이라는 함수를 사용해야하는데 그때 return문을 이용해서 setTimeo..

2번 const getProducts= async () =>{ let url = 'http://localhost:5000/products' let response = await fetch(url) let data = await response.json() console.log(data) 1번 시작 } useEffect(()=>{ getProducts() },[]) (순서)(❁´◡`❁) 1시작 = api를 불러오려면? useEffect를 만든다. 1-1 그안에 함수만들기 getProducts 2. getProducts 안에 불러올 db.json 파일 url 주소 적기 response 해서 url 내용 뽑아오기 data 변수안에 해당내용 json 형식 파일로 만들기