[TIL] 프리온보딩 8

오늘 배운 것 🖌

< async & await >

• function 앞에 async 붙이기!
• 비동기로 처리되는 부분 앞에 await 붙이기!

ex) 1.

const func = async () => {
	let promise=new Promise((resolve, reject)=>{
    setTimeout(()=> resolve("완료"),1000)
    })
    
    let result= await promise
    alert(result) //완료
}

func()

ex) 2.

const func2 = async () =>{
  let result= await Promise.resolve("hello")
  return result
}

func2()

setTimeout & async

• 몇 초 뒤에 비동기 함수를 처리하는 법

setTimeout (async () => {
  let res=await fetch("../data.txt")
  let text=await res.text();
}, 1000 )

< axios로 API 호출 >

1. 서버에 요청을 보내고(request)
2. 서버로부터 응답이 오면(response) 제대로 응답이 왔을 때와 못 왔을 때를 구분하여 처리

서버에 요청을 보내면 응답이 오기까지 시간이 걸린다. 그러므로 서버에 보내는 요청은 비동기 처리! 이후에 처리하는 과정은 .then or await을 이용한다.

request

1. GET : 서버에서 어떤 데이터를 가져와서 보여준다
2. POST : 서버로 데이터를 보낸다
3. PUT : 데이터베이스 내부 내용을 갱신한다
4. DELETE : 데이터베이스 내부 내용을 삭제한다

이 메소드를 사용하기 위해서는 보내야하는 정보들이 있다

1. 어떤 메소드를 사용할건지
2. url 주소
3. data (선택)
4. params (선택)

axios({
//request
  method: "get",
  url: "url",
  responseType: "type"
}).then(function (response){
//response Action
})