![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/KmIa2/btqMkomzV7C/zyyLSCLlrS8mx3SnuRNUSk/img.png)
✏️React를 경험해보자 3탄 2편에서 Axios를 통해 get을 호출했는데 Cors에러가 발생해서 API호출에 성공하지 못했다. 3편에서는 이처럼 Cors 에러를 해결할 수 있는 Proxy 설정을 하려고 한다. - Cors?? 우선 Cors에러가 발생하는 이유는, 다음과 같다. Front서버는 localhost:3000 포트를 사용 중이고, Backend는 localhost:5000 포트를 사용중이다. 이처럼 다른 포트를 사용중일 때, 보안 상의 이유로 Cross Origin Resource Sharing 에러가 발생한다. 이 문제를 해결할 수 있는 방법은 여러가지가 있지만, 나는 Proxy를 통해 해결하려고 한다. - Proxy ?? 네이버에 Proxy 단어를 검색했을 때 나오는 뜻은 "대리, 대리..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/CCVmG/btqMegI4YBf/NwJaJKjk9ZARTyUGRm1pok/img.png)
✏️React를 경험해보자 2탄 1편에서는 간단하게 React 설치에 대해 작성을 해봤다. 이번 편에서는 라우트와, Axios를 경험(사용)해보려고 한다. - 라우트 사용을 위해 react-router-dom 을 설치해보자 npm install react-router-dom --save 설치가 완료되었다면, App.js에 react-router-dom을 import하고, 라우팅할 컴포넌트도 같이 import 해준다. import React from "react"; import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import LandingPage from "./components/views/LandingPage/Landi..
- Total
- Today
- Yesterday
- pinia
- Cypress
- NUXT
- react
- vue
- react native
- vue3
- vue.js
- three.js
- Closure
- Redux
- 포트폴리오
- backend
- vuetify
- Core Components
- JS
- 퍼블리셔
- react-query
- e2e
- pagination
- composition
- Store
- vuex
- 타입스크립트
- 호이스팅
- CORS
- Front
- 자바스크립트
- frontend
- react query
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |