728x90 반응형 axios2 [REACT] newsapi newsapi 에서 제공하는 API를 통해 최신 뉴스를 불러 온 후 출력하는 예제 사전에 newsapi에서 제공하는 API키를 발급받아야한다. 1. 발급 https://newsapi.org/account Login - News API newsapi.org 2. 발급받은 api를 axios를 사용하여 불러오기 import { useState } from "react"; import axios from "axios"; const App=()=>{ const[data, setData] = useState(null); const onClick=()=>{ axios .get('https://newsapi.org/v2/top-headlines?country=kr&apiKey=e52ce7509c584062931c0b.. 2022. 12. 14. [REACT] axios axios axios는 현재 가장 많이 사용하는 자바스크립트 HTTP 클라이언트 이 라이브러리의 특징은 HTTP 요청을 Promise기반으로 처리한다는 것 1. axios 설치 해당 프로젝트에 axios 설치 yarn add axios 2. JSON.stringify : 자바 스크립트 객체를 JSON 텍스트 형식으로 변환하는 함수. JSON.parse : JSON 형식의 텍스트를 자바 스크립트 형식으로 변환하는 함수. import { useState } from "react"; import axios from "axios"; const App=()=>{ const[data, setData] = useState(null); const onClick=()=>{ axios .get('https://jsonpl.. 2022. 12. 14. 이전 1 다음 728x90 반응형
