axios
-
영화 API 사용해보기React 2022. 9. 13. 14:48
1. axios 설치하기 터미널에 npm install axios를 입력한다. 2. YTS 영화 데이터 API 살펴보기 API Documentation - YTS YIFY Official YTS YIFY API documentation. YTS offers free API - an easy way to access the YIFY movies details. yts.mx ListMovies를 눌러 아래 페이지로 들어간다. https://yts.mx/api/v2/list_movies.json 을 검색창에 뜨면 아래와 같이 나온다. ※ 크롭 웹 스토어에서 json viewer을 설치한 화면이다. 3. App.js파일에 API를 추가한다. ※위 YTS에서 제공한 API는 변경가능성이 있어 노마드코더가 제공한 ..
-
서버 데이터 바인딩 실습 - Axios, postman, mock서버Vue.js 2022. 9. 1. 17:12
Axios란? Vue 프로젝트에서 서버와의 통신을 위해 가장 많이 사용하는 패키지 중 하나 서버와 데이터를 송수신 할 수 있는 HTTP 비동기 통신 라이브러리 Promise 객체 형태로 값을 return한다. 터미널에 아래 명령어를 입력하여 설치해준다. npm install axios --save src/mixins.js파일을 생성해주세요 import axios from "axios"; export default { methods: { async $api(url, method, data) { return ( await axios({ method: method, url, data, }).catch((e) => { console.log(e); }) ).data; }, }, }; main.js 파일을 아래와 ..