axios6 [React] Open api clientId 값 알아내기 (공공 데이터 포털) 무장애 관광 api를 가져오던 중 api 값을 불러오기 위해 clientId 값이 필요하였는데 도저히 찾을 수가 없어 관광 데이터 관리자분께 문의를 드려보았다. 답변이 10분만에 와 놀랐고, 꼼꼼하게 보지 않는 나의 무지에 놀랐다.. 위에 사진과 같이 답이 왔는데 보통 맨위에 조회라는 데이터를 통해 쉽게 확인할 수 있고, Response body를 확인해보자! 2023. 10. 16. [React] 공공데이터 포털 Open API 사용하기 Axios로 Spring과 연동 연습을 한 후 새로운 api 사용 방법에 대해 공부해 보았다. 2023.07.18 - [코딩/React] - [React] 서버 연동을 위한 Axios 개념과 사용 방법&Tip [React] 서버 연동을 위한 Axios 개념과 사용 방법&Tip Axios란? Axios는 JavaScript에서 HTTP 요청을 보내는 데 가장 많이 사용되는 라이브러리이다. 주로 웹 애플리케이션과 API를 통신하는 데 사용되는데, Axios는 HTTP 요청을 보내고 해당 작업이 완료되면 Pro quddkflty.tistory.com 이번 글에서는 공공데이터 포털에 있는 국가 Open Api를 사용하는 방법을 적어보고자 한다. 1. 원하는 공공 API 검색 공공데이터 포털에 회원 가입을 한 후.. 2023. 10. 16. [React] 백엔드와 협업, Axios 에러 메세지 모음 2xx (성공) 200 OK: 요청이 성공적으로 처리되었습니다. 201 Created: 요청으로 새 리소스가 생성되었습니다. 204 No Content: 요청은 성공적으로 처리되었지만 응답에 본문이 없습니다. 4xx (클라이언트 오류) 400 Bad Request: 요청이 잘못되었습니다. 클라이언트 요청에 오류가 있을 때 사용됩니다. 401 Unauthorized: 인증이 필요합니다. 403 Forbidden: 리소스에 접근 권한이 없습니다. 404 Not Found: 요청한 리소스를 찾을 수 없습니다. 405 Method Not Allowed: 요청된 HTTP 메소드가 허용되지 않습니다. 422 Unprocessable Entity: 입력 데이터가 유효하지 않거나 처리할 수 없습니다. 5xx (서버 오.. 2023. 10. 9. [React] filter 함수를 활용한 검색 기능 (feat Axios) 개발을 하다보니 검색 기능은 대부분 서비스에 있다는 것을 알게 되었다.. 하여 이참에 url에 대해 검색 기능을 고려하는 것은 아니지만 map()함수를 통해 나열하고 있는 data에 대해 검색으로 거르는 내용을 담아보자 1. Axios를 통해 데이터 불러오기 백엔드 또는 API url을 get() 함수를 통해 받아온다. useEffect(() => { // Axios를 사용하여 데이터를 불러옴 axios.get('https://api.example.com/data') .then((response) => { setData(response.data); // 데이터를 상태에 저장 }) .catch((error) => { console.error('데이터를 불러오는 동안 오류 발생: ', error); }); .. 2023. 10. 2. 이전 1 2 다음
