오물오물 개발일기

💡 두개의 request는 어떻게 처리하지? - 프로젝트 중 '코로나백신'에 관한 글들을 받아오기 위해 네이버와 다음의 api를 사용하여 받아오기로하였다. 하지만 한페이지에서 두개의 request 를 요청하는 방법을 몰랐었기 때문에 따로 요청을 했었다. 🎇 해결(Axios의 multiple request) - 역시나 방법은 있었다. 해결법은 Axios의 multiple request 기능이 있었고 간단하게 사용이 가능하였다. - 두개의 데이터가 형태에 따라 배열로 들어올경우 아래와 같이 한개의 배열로 사용하면 된다.

🔒 인증키 보안 - 이전 글에서 공공데이터포털 API를 사용하기위해 인증키를 발급받고 사용을 했었다. 2021.03.09 - [React/React + Node.js(Express)] - ✨ 공공데이터포털 API 이용하기 (with XML to JSON) ✨ 공공데이터포털 API 이용하기 (with XML to JSON) 🎁 모듈설치 - 먼저 express에서 데이터를 받아오기 위해 request 모듈을 설치한다. - 이후 xml데이터를 json타입으로 변환하기 위해 xml-js 모듈을 설치한다. 💡 실전 !! - 먼저 공공데이터포털에서 제 baegofda.tistory.com - 하지만 사용을 위한 인증키는 외부에 노출을 막기위해 직접적으로 깃허브에 올라가는일을 막을 필요가 있다. 때문에 인증키를 숨기..

🎁 모듈설치 - 먼저 express에서 데이터를 받아오기 위해 request 모듈을 설치한다. - 이후 xml데이터를 json타입으로 변환하기 위해 xml-js 모듈을 설치한다. 💡 실전 !! - 먼저 공공데이터포털에서 제공해주는 샘플코드를 이용하여 코드를 작성해준다. - 테스트할 해당 페이지의 라우터파일에 코드를 작성한다. - 라우팅을 해줄 server.js와 데이터를 요청할 리액트 파일또한 수정해준다. - 결과를 확인하면 문서에 명시되어있는데로 xml데이터타입으로 들어온다. - 우리는 JSON타입의 데이터를 원하기 때문에 변환을 위한 xml-js모듈을 사용해야한다. - xml-js모듈을 사용하기 위해 라우터 파일의 내용을 수정한다. - 수정 후 확인을 하면 JSON타입으로 정상적으로 변환이 되었다.

💼 사전준비 - 국내의 공공데이터포털에서 API를 사용하기 위해서는 API키를 요청해야한다. 공공데이터포털 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr - 국내 코로나 현황에 관한 데이터를 사용하기위해 '코로나 현황' 을 검색한다. - 원하는 데이터를 클릭하여 들어가면 해당 API에 관한 내용들이 있으며 활용신청을 해야한다. - 로그인 후 활용신청을 누르면 간단한 신청서(?)를 작성하면 API키가 발급된다. - 승인은 바로 되나 발급 받은 키를 사용하려면 1~2시간 뒤에 사용이 가능하다. - 받은 인증키를 사용하여..