API2 API로 강아지 사진슬라이드 💡목표 -오픈 API를 이용하여 강아지 슬라이드 웹페이지를 구현한다. 📈 예상효과 -API의 쓰임을 알게된다. -자바스크립트의 async-await 을 사용하는 법을 알게된다. -자바스크립트 비동기 로직을 이해한다. 🔗관련문서 https://dog.ceo/dog-api/documentation/ 💭 아키텍처 구성 및 접근방법 계획 1.강아지 종류를 선택할 수 있는 를 이용하여 API소스의 데이터를 async를 이용하여 받는다. 2.받아온 데이터를 html로 구현한다. API (application programming interface)컴퓨터 사이의 통신을 쉽게 하는 연결해주는 인터페이스 [목표] https://dog.ceo/dog-api/documentation/ 여기있는 json형식으로 된 강아지 a.. 2023. 3. 11. api fetch() 써보기 오픈 서버로 부터 정보를 받아와서 데이터를 확인 할 수 있다. 구글링으로 free open api치면 많이 나온다. fetch()를 사용하여 get방식으로 서버의 정보를 가져오며, async await 방법을 사용하여 데이터 정보를 받아온다. const url = "http://worldtimeapi.org/api/timezone/Asia/Seoul"; async function getData(){ const response = await fetch(url); const data = await response.json(); console.log(data) } 이때 , async - await 문법은 promise를 간소화한 문법이다. 저걸 원래 promise문법으로 쓴다면 , function getDat.. 2023. 3. 11. 이전 1 다음