20200609

Bindung·2020년 6월 9일
0

Today I Learned

목록 보기
14/16
post-thumbnail

스터디내용

  • 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에서도 사용가능하다고하니 참고해야겠다.
profile
포기하지말고 천천히...

0개의 댓글