投稿した質問数 19

0

frontend menu.js

// 커피 목록 조회 API를 요청해주세요.
const getCoffee = () => {
  console.log('index.js 파일의 openMenu 함수 안에서 getCoffee가 실행 됨')
  // 1. 백엔드 서버로 /starbucks API 요청해 커피 데이터를 받는다.
  getList()

  // 2. 받은 데이터로 createMenuCard 함수를 이용해 메뉴 카드를 모두 만들어주세요.
  // createMenuCard({ name: '아메리카노', kcal: 5 })
}

frontend index.html

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="index.js"></script>
    <script src="menu.js"></script>
    <script>
      function getList() {
        axios.get("http://localhost:3000/starbucks").then((res) => {
            console.log(res.data)
            for(let data of res.data) {
              createMenuCard(data)
            }
        })
      }
    </script>

이렇게 구현을 했는데 html에서는 코드를 구현안하고 menu.js 에서 axios를 사용하고싶은데 어떻게 해야할지 모르겠어서요..

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>