2/ React data 처리

2/ React data 처리

스터디 공유용 자료입니다.


목차

  1. fetch API
  2. 실습

1. fatch api

axios와 비슷한 promise 기반의 HTTP REQUEST API
참고

1
2
3
4
5
6
7
fetch(url)
.then(() => {
// 응답 data를 받고 싶은 곳.
})
.catch(() => {
// 에러를 받고 싶은 곳.
})

fatch api의 단점을 경험한 포스팅


2. 실습

api주소 https://api.github.com/users

  1. 시맨틱 셋팅
  2. Lifecycle Hook 중 한 곳에 get method 셋팅
  3. 받은 데이터 저장
  4. 로딩처리
  5. view

3. Lodash

A modern JavaScript utility library delivering modularity, performance & extras.