⚡️Axios란 우리는 이때까지 fetch 함수를 사용해서 Promise 공부를 했습니다. 저는 앞에서 fetch 함수가 Ajax 통신을 하는 함수라고 했는데요. 그런데 오늘날 개발 실무에서는 이 fetch 함수 말고도 Ajax 통신을 할 수 있는 방법이 존재한다고 했죠? 그것은 바로 axios 라고 하는 외부 패키지를 사용하는 것입니다. 잠깐 간단하게 axios 패키지를 사용한 코드를 보겠습니다. axios .get('https://jsonplaceholder.typicode.com/users') .then((response) => { console.log(response); }) .catch((error) => { console.log(error); }); 이 코드는 axios 패키지에서 제공하는 a..

안녕하세요 TriplexLab 입니다. 오늘은 jQuery + Ajax 관해서 살펴보도록 하겠습니다. FE개발들 사이에서 역사로 남고 있는 jQuery + Ajax 기술을 왜 글을 작성하냐고요?? 역사로 남게 될거니깐!! 정리하는 차원으로 이 글을 작성 합니다. 몇 십년을 웹시장에서 주름잡았던 jQuery + Ajax 기술 간단하게 요약해 봅니다. 👉jQuery + Ajax Ajax는 서버로에게 비동기 요청을 보낼수 있는 방식중에 하나 입니다. 종류는 크게 4가지가 있습니다. GET, POST, PUT, DELETE가 있는데, Ajax는 이러한 방식으로 API를 요청할 수 있도록 도와주는 라이브러리이다. GET : 데이터 요청 POST : 데이터 추가 PUT : 데이터 수정 DELETE : 데이터 삭제 ..

🔑 티스토리 Access Token 발급받기 안녕하세요 TriplexLab입니다. 오늘은 티스토리 API Access Token 발급받기 방법에 대해서 살펴보도록 하겠습니다. 먼저 티스토리 API를 이용하기 위해서는 아래 사이트에서 API를 사용할 수 있는 권한을 얻어야 합니다. 📌 API 발급 절차와 안내받기 티스토리 open_api사이트에 방문하여 앱을 등록해 주셔야 합니다.! 👇👇 TISTORY 나를 표현하는 블로그를 만들어보세요. www.tistory.com 이렇게 내용을 채우고 등록을 눌러주면 바로 아래처럼 앱 아이디와, 시크릿 키를 발급받을 수 있습니다. 이제 오픈 API 가이드에 들어가면, api 발급 절차와 안내를 볼 수 있습니다. 소개 · GitBook No results matching..

Jquery Ajax 사용방법 안녕하세요 TriplexLab 입니다 :) Jquery Ajax를 사용할려면 어느 시점에 이벤트가 발생하는지 알아볼 필요가 있습니다.‌ 그건 보통 "라이프사이클"이라고도 부릅니다. ReactJS, VueJS...등등 과 같은 라이브러리도 이런 라이프사이클들이 존재 합니다. ​jQuery 최신버전에서 사용가능한 메서드들 메서드 설명 ajaxStart 첫 번째 Ajax 요청이 시작될 시점에 호출 할 핸들러를 등록한다. (ex 로딩 이미지 보여주기 처리) ajaxStop 모든 Ajax 요청이 완료되는 시점에 호출 할 핸들러를 등록한다. (ex 로딩 이미지 감추기 처리) done 요청 성공시 호출 fail 요청 실패시 호출 always 성공 실패 상관없이 호출 jQuery 구 버전..