20200609

스터디내용

• Vue에서 XMLHttpRequest로 서버를 호출하여서 데이터를 받아왔다.

const req = new XMLHttpRequest()
req.open('GET', 'http://localhost:3000')
req.send()
req.addEventListener('load', () => {
	....
})

• Vue에서는 XMLHttpRequest 대신 axios라는 것이 있는데 이것은 브라우저, 노드.js에서 XMLHttpRequest 역할을 수행해준다.

<script>
import axios from 'axios'

export default{
	axios.get('http://localhost:3000')
         .then( req => {
         	this.data = req.data
         })
         .catch( req => {
         	this.error = req.errorData
         })
         .finally( () => {
         	....
         })		
}
</script>

스터디 후기

• XMLHttpRequest를 그냥쓰면 된다고하지만 axios의 편리함이 좋았고 promise기반이여서 편했다.
• axios는 node.js에서도 사용가능하다고하니 참고해야겠다.