오물오물 개발일기

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

🎉 React + Node.js(Express) 연동하기 (2) - 리액트와 노드서버간의 데이터를 주고 받기 위해서는 프록시 모듈을 설치해야한다. - 또 데이터 통신을 위한 방법중 Fecth API대신 Axios 라이브러리를 사용하기위해 설치를 해야한다. 프록시와 CORS? 🤬 CORS? 그게 뭔데 ! 첫 만남.. 😔 - 리액트를 사용한 프로젝트를 만들어보고자 하였고 코로나 관련 API를 사용하기로 하였다. 두곳의 API를 사용하기로 하였고 그중 국내 현황은 굿바이코로나 에서 키를 발급받고 pos baegofda.tistory.com - 먼저 프록시 설정을 위해 client의 src에 setupProxy.js를 생성한다. - 모듈 설치를 위해 yarn add http-proxy-middleware 명령어..

첫 만남.. 😔 - 리액트를 사용한 프로젝트를 만들어보고자 하였고 코로나 관련 API를 사용하기로 하였다. 두곳의 API를 사용하기로 하였고 그중 국내 현황은 굿바이코로나 에서 키를 발급받고 postman에 테스트를 해보았다. - postman으로 데이터가 들어오는것을 확인하고 react에서 axios를 이용하여 데이터를 불러보았다. - 하지만 항상 그렇듯 쉽게 되는일은 없는것 같다. CORS (Cross-Origin Resource Sharing) Policy? - 교차 출처 리소스 공유라는 기능으로 실행중인 웹 어플리케이션이 서로 다른 출처의 리소스에 request할 때 보안상의 이유로 교차 출처 HTTP 요청을 제한하는 것이다. https://developer.mozilla.org/ko/docs/W..