조아마시

쓸모 있는 상세페이지 만들기

반응형

axios 3

[Vue] Vue3에서 setup() 함수와 함께 Axios와 Async/Await 사용하기

Vue3에서 setup() 함수와 함께 Axios를 사용하여 비동기 API 호출을 처리하는 방법은 다음과 같습니다.1. 설치먼저 Vue와 Axios를 설치해야 합니다. 아직 설치하지 않았다면 다음 명령어를 사용하여 설치하십시오.npm install vue axios2. 기본 사용법다음은 setup() 함수, Async/Await를 사용하여 API 호출을 수행하고 응답 데이터를 반환하는 간단한 예제입니다.3. 오류 처리위 예제에서는 try...catch 블록을 사용하여 API 호출 중 발생하는 오류를 처리합니다. 오류가 발생하면 catch 블록 내의 코드가 실행되고 오류 내용이 콘솔에 출력됩니다.4. 여러 API 호출setup() 함수와 Async/Await를 사용하여 여러 API 호출을 순차적으로 수행할..

웹개발/vuejs 2024.07.16

[Vue] Vue2에서 Axios와 함께 Async/Await 사용하기

Vue 2에서 Axios를 사용하여 비동기 API 호출을 처리할 때 Async/Await를 사용하는 방법은 다음과 같습니다.1. 설치먼저 Vue와 Axios를 설치해야 합니다. 아직 설치하지 않았다면 다음 명령어를 사용하여 설치하십시오.npm install vue axios 2. 기본 사용법다음은 Async/Await를 사용하여 API 호출을 수행하고 응답 데이터를 콘솔에 로깅하는 간단한 예제입니다. 데이터 가져오기 이름: {{ data.name }} 3. 오류 처리위 예제에서는 try...catch 블록을 사용하여 API 호출 중 발생하는 오류를 처리합니다. 오류가 발생하면 catch 블록 내의 코드가 실행되고 오류 내용이 콘솔에 출력됩니다.4. 여러 API 호출Async/Await를 ..

웹개발/vuejs 2024.07.16

[자바스크립트] Axios에서 POST와 GET으로 불러오는 차이

axios에서 GET과 POST는 서버와 데이터를 주고받는 방식에 있어 중요한 차이점을 가지고 있습니다.1. 사용 목적GET: 서버에 있는 자원을 조회하는 데 사용됩니다. 즉, 데이터를 가져오는 역할을 합니다. 서버 상태를 변경하지 않고 정보만 얻을 때 사용합니다.POST: 서버에 새로운 데이터를 전송하거나 기존 데이터를 수정하는 데 사용됩니다. 즉, 데이터를 변경하는 역할을 합니다. 사용자 입력 정보를 전송하거나 데이터베이스에 새로운 레코드를 추가할 때 사용합니다.2. 요청 메시지GET: 요청 메시지의 URL에 파라미터를 포함하여 데이터를 전송합니다. URL 길이 제한이 있기 때문에 소량의 데이터 전송에 적합합니다. 또한, 캐싱이 가능하기 때문에 동일한 요청을 반복적으로 수행할 때 유용합니다.POST:..

728x90
반응형