REACT34 React AWS S3 파일 업로드 및 연동 Amazon S3 (Amazon Simple Storage Service)란 Amazon Web Services (AWS)의 클라우드 기반 스토리지 서비스로, 사진, 영상과 같은 데이터를 저장하고, 해당 데이터에 대해 url로 제공해주어 프론트엔드에서 사용할 수 있도록 해준다. Amazon S3 (Amazon Simple Storage Service) 구성 요소 버킷 (Bucket): Amazon S3에서 데이터를 저장하는 논리적인 컨테이너로 모든 객체(파일)는 버킷에 저장된다. 전역적으로 고유한 이름을 가져야 하며, 이름은 모든 AWS 고객 간에 고유해야 한다. 그렇게 .env를 통해 보안요소로 관리된다. 객체 (Object): Amazon S3에 저장되는 데이터 항목을 객체라고 하며, 객체는 파일, .. 2023. 10. 26. [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. 이전 1 2 3 4 5 6 7 8 9 다음
