🎉 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 명령어..
💡 Express ? - Express.js, 또는 Express는 Node.js를 위한 웹 프레임워크의 하나이다. javascript를 이용하여 프론트와 함께 백엔드를 구축하여 서버-클라이언트를 모두 개발할 수 있다. 참고 : Express 개념정리 Node.js, Express 개념정리하기 반갑습니다. 오늘은 Node.js, Express의 개념에 대해서 간략히 알아보도록 하겠습니다. Node.js의 개념 구글의 크롬 V8 자바스크립트 엔진을 기반으로한 비동기 IO 를 지원하는 고성능네트워크 서버이 ithub.tistory.com 🕶 준비하기 - 기본적으로 node.js가 설치되어 있어야 한다. (확인법 : Terminal에서 node -v 후 확인) 참고 : Node.js 설치하기 Node.js N..
- Total
- Today
- Yesterday
- HTML
- 공공데이터
- inline
- 노드JS
- VanillaJS
- vue입문
- 오물오물
- postman
- 개발자회고
- axios
- CORS
- nodejs
- vue예제
- 리액트
- font-family
- react
- 프론트엔드
- cssom
- vue
- vue3
- function
- 프론트엔드회고
- 생활코딩
- INPUT
- node.js
- 프론트엔드면접
- 공공데이터포털
- baegofda
- CSS
- JavaScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |