22.02.13 함수의 비동기 처리

애송이 시절 나의 글

이때 내가 Promise 개념에 대해 처음 접하고 쓴 글이다. 다시 읽어보았는데 음...이해를 못하고 정리만 예쁘게 한 글이었다.

지금 어느정도 이해를 한 상태에서 다시 읽어보고 샘플 코드로 정리를 해본다. 

 

https://jemerald.tistory.com/30

21.04.19 Promise

 

방법 1. then, catch 

Promise 방식에서 단일 Promise, chaining Promise, Promise All 이 있다. 내가 선호하는 방식 

const [data, setData] = useState('')

//axios GET 통신을 통해 데이터를 가져오는 함수
const getData = () => {
	axios.get(`url`)
}

//Promise 처리
getData().then(
    res => {
        setData(res)
        return data
    }).then(
    	data => console.log('data: ', data
    ).catch(
    	error => console.log('Error in getData: ', error)
        /*
        최상단 함수에서 throw Error를 하지 않는다. 만약에 이 함수 상단에 다른 최상위 함수를 가진다면 , 
         걔가 catch에서 전체가 안끝나도록 잡아줄 것이다. 
        */
)

방법 2. async, await 

const [data, setData] = useState('')

const getData = async () => {
	const res = await axios.get(`url`)
    setData(res)
    console.log('data: ', data)
}