비동기 방식에 대해 질문올려봅니다.

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

작성

175

안녕하세요. 그랩님 그랩님 강좌를 잘 보고 있는 한 수강생입니다.

다름이아니라 강의 내용과는 별개의 내용이지만 그랩님을 통해 자바스크립트를 배우고 여러가지 배웠기 때문에 그랩님께 질문

남겨봅니다.

const getData = async () => {
    try {
        const result = await axios.get(
            "https://b2ef45f8-e166-41d7-bd35-9ad159028fbf.mock.pstmn.io/test"
        );
        const products = result.data.products;
        console.log(products);
        console.log(`status:(${result.status}) 통신을 성공했습니다!`);
        const data = JSON.stringify(products);
        return data;
    } catch (err) {
        console.error(err);
        console.log("결과를 가져오지 못했습니다.");
        return err;
    }
};

console.log(getData());

위에 코드는 프로미스 형식의 axios객체를 async, await을 이용해 then과 catch등을 축약해서 제가 만든 포스트맨 목서버의 데이터를 get메서드로 불러와서 결과값을 확인하는 코드입니다. 실행에는 문제가 전혀 없습니다. 그런데 제가 궁금한 것은 getData 함수 표현식이 async로 감싸져 promise객체를 받아 비동기 처리가 되어서 console.log(getData())가 먼저 실행된 뒤에 getData 함수가 실행된다는것은 알고있습니다. 허나 만약에 비동기 함수에서 리턴값을 받아 출력을 하고 싶을 때는 어떤 처리를 해야 하는지가 궁금합니다. 만약 코드가 실행되면 console.log(getData())가 실행될 때 Promise { <pending> }가 출력이 되었습니다.