functional component에서 onclick을 사용하면 로딩시 자동 호출이 되는 에러가 발생했다. onClick={()=> logout()} 위와 같이 함수 형태로 작성하는 것을 잊지 말자

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..

React는 render 방식을 이용해서 화면을 구현한다. 별도의 페이지 이동 없이 변경되는 내용만 새롭게 화면에 그려낸다. 작성 방식으로는 크게 두 가지가 있다. 1.Class 형식으로 작성한 Component 방식 컴포넌트는 개념적으로 props를 input으로 하고 UI가 어떻게 보여야 하는지 정의하는 React Element를 output으로 하는 함수 이다. import React,{Component} from "react"; class App extends Component { state ={num:0} componentWillMount() { } componentDidMount() { } render() { const{num} = this.state return ( {num} ) } } 해당..