🎉 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
- inline
- 공공데이터포털
- 프론트엔드
- react
- INPUT
- postman
- font-family
- function
- vue예제
- baegofda
- 오물오물
- 프론트엔드면접
- 프론트엔드개발자
- VanillaJS
- vue입문
- 리액트
- 공공데이터
- JavaScript
- vue
- cssom
- 노드JS
- nodejs
- CSS
- 프론트엔드회고
- 생활코딩
- HTML
- axios
- 개발자회고
- vue3
- CORS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |