[TIL]React Movie App만들기

오늘 공부한것 & 기억하고 싶은 내용

async/await

//json.data를 담아줄거기에 빈배열
const [movies, setMovies] = useState([]);

//async/await를 사용해 API가져오기
const getMovies = async () => {
  	//await따로 두번 안쓰고 한번에 json 받아올 수 있다.
	const json = await (
      await fetch(`https://주소`)
    ).json
    
  	setMovies(json.data.movies)
}

async/await정리

React-router

• 페이지를 새로고침 하지 않고 url에 따른 컴포넌트 렌더링을 보여주기 위해 사용한다.

배운점 & 느낀점

async/await 를 직접사용해보면서 .then을 안쓰고 await로 바꿔쓰는게 코드가 간결해지는것을 배웠다.
react-router를 사용해보면서 기존 HTML은 페이지가 이동될때마다 새로고침이 되었는데 router에 있는 LINK를 사용해보고 나니 페이지가 새로고침이 되지 않고 보다 빠르게 화면 렌더링이 되는것을 확인하였다.