데이터 Flow & Axios

Axios 란 ?

특징

운영 환경에 따라 브라우저간 XMLHttpRequest 객체 또는 Node.js의 HTTP API를 사용ES6 Promise API를 사용
HTTP Methods를 사용
Request의 응답을 자동으로 JSON 형태로 만듬

jQuery의 Ajax처럼 클라이언트에서 서버로 데이터를 전달하며 요청하고 응답 받을 수 있다.

 

import React,{ useEffect} from 'react'
import axios from 'axios';

function LandingPage() {


  useEffect(() => {
    axios.get('http://localhost:5000/api/hello')
    ,then(response => console.log(response.data))
  }, [])

  return (
    <div>LandingPage</div>
  )
}

export default LandingPage