React - hook (useState, useEffect)

리액트에는 Hook 이라는 개념이 있다. 그 중 대표적이며 필수적인 것이 useState, useEffect이다 먼저 useState 에 대한 이해가 전제가 되어야 리액트 진행이 가능하다. 리액트는 state, 즉 상태라는 개념이 있는데 이 state가 변경이 되면 페이지의 리로딩 없이 그 변경되는 부분만 렌더링 한다. 이번 전체 코드는 아래와 같다. import React, { useState, useEffect } from 'react'; function Test1() { const [id, setId] = useState(0); function stateTest() { setId(id+1) } useEffect( () => { alert("ok") }, [] ); } return ( test{id}..

2021.05.03

React - useEffect에서 데이터 페칭

useEffect에 직접 async를 주지말자! 수정 전! useEffect(async()=>{ const Popularmovies = await axios.get(`https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY}&language=en-US&page=1`); const top_rated = await axios.get(`https://api.themoviedb.org/3/movie/top_rated?api_key=${API_KEY}&language=en-US&page=1`); console.log(Popularmovies.data.results) const movies = Popularmovies.data.results const top= t..

2020.08.30