일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 컴퓨터 네트워크
- 코딩테스트 고득점 Kit
- 프로그래머스 완전탐색
- vanillaJS
- React JS
- design pattern
- useEffect
- 리액트 훅
- 자바
- react firebase
- Java
- 리액트
- 프로그래밍 언어론
- 코딩테스트 고득점 Kit 완전탐색
- websocket
- 장고
- react hook
- 디자인 패턴
- 자바 공부
- 프로그래머스
- codesandbox
- useState
- 데이터모델링과마이닝
- 백준
- 프로그래머스 자바
- react
- 코틀린
- 자바스크립트
- NextJS
- JavaScript
Archives
- Today
- Total
목록react api에 json가져오기 (1)
기록하는 개발자

구현할 화면 1. axios로 api의 json을 가져오는 동안 "loading..." 이라는 문구를 띄워준다. 2. json data를 모두 가져오면 영화 목록을 보여준다. import React from "react"; import axios from "axios"; import Movie from "./Movie"; import "./App.css"; class App extends React.Component { state={ isLoading : true, movies:[] }; /*axios는 항상 빠르진 않아서 js에게 componentDidMount 함수가 끝날 때까지 약간 시간이 걸릴 수 있다고 전달해야한다. 이에 getMovies 비동기 함수를 만들어 axios.ge..
Web/React
2021. 9. 23. 21:53