API AXIOS 이용한 TV 프로그램

const form = document.querySelector('#searchForm');
form.addEventListener('submit', async function (e) {
    e.preventDefault(); // form 이라 submit 막음
    const searchTerm = (form.elements.query.value); // 입력한 값을 변수로
    const config = { params: { q: searchTerm } } // parms 안에 있는 키-값 쌍이 쿼리 문자열(아래 config )로 입력됨
    const res = await axios.get(`https://api.tvmaze.com/search/shows`, config); // async에서 resolve시 axios로 해당 api를 get
    makeImages(res.data) shows 입력값 res.data로 res.data의 배열을 result로 정리함
    form.elements.query.value = "";
})

const makeImages = (shows) => {
    for (let result of shows) { // shows 입력값을 result로 배열 정리함
        if (result.show.image) {
            const img = document.createElement('IMG'); // IMG 속성 만듬
            img.src = result.show.image.medium; // img 소스의 출처는 api 
            document.body.append(img); // body뒤에 붙혀줌
        }
    }
}