JavaScript Sec05_5 React에서 API 호출하기

• JSONPlaceholder - Free Fake REST API (typicode.com) → Resource → content에서 데이터 가져오기 (링크 복사 jsonplaceholder.typicode.com/comments)

• API 호출 내장함수 fetch를 사용하여 가져오고자 하는 데이터의 주소를 인자로 넣는다.
• fetch가 반환하는 값은 promise 객체이며 then 함수 인자의 콜백함수는 API를 정상적으로 가져왔을 때 실행된다.
• res는 가져온 API 객체 그 자체이고 json()을 이용하면 json 데이터를 담은 객체 배열을 반환한다.
• res.slice(0,20)
  • res에 담긴 json 형식의 객체 배열 데이터를 인덱스 0부터 19까지로 자른다.
• res.slice(0,20).map()
  • 20개로 잘린 새로운 객체 배열 데이터를 하나씩 순회하면서 return 값을 저장한 새로운 배열을 반환한다.
• Math.floor(Math.random()5)+1
  • random() : 0이상 1미만의 실수를 반환한다.
  • floor() : 소숫점 이하를 버린 정수로 반환한다.