2/ React data 처리

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

---

목차

1. fetch API
2. 실습

---

1. fatch api

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

fetch(url)
.then(() => {
  // 응답 data를 받고 싶은 곳.
})
.catch(() => {
  // 에러를 받고 싶은 곳.
})

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

---

2. 실습

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

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

---

3. Lodash

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

• 주로 서버에서 오는 데이터 구조가 렌더해야할 구조와 다를 때 사용합니다.
  https://lodash.com/docs/4.17.4