프록시 2

HTTP 웹 기본 지식 ➄ HTTP 헤더 / 캐시, 검증, 조건부 요청

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., 웹 기술을 사용하는 개발자라면 누구나 OK!꼭 필요한 HTTP의 핵심을 알려드립니다. 📣 확인해주세요!본 강의는 자바 스 www.inflearn.com 위 강의를 통해 공부한 내용을 정리함 캐시 캐시는 네트워크 통신으로 인한 비용과 시간을 줄이기 위해 사용한다. 데이터를 요청하고 응답받는 과정에 하드웨어적으로 생각했을 때 굉장한 시간과 비용을 들게 함. 근데 만약 요청이 거의 바로 이어지거나 반복되거나 등의 이유로 데이터가 거의 변경되지 않는다면 중복되는 데이터 통신이 된다. 그럴 때 네트워크 비용과 시간을 줄이기 위해 캐시를 사용한다. 헤더에 Cache..

공부/HTTP 2022.01.02

[TS_React] setupProxy.js 로 CORS 에러 해결하자

TS :Trouble Shooting Proxy 설정은 왜 할까 서버와 클라이언트를 통신할 때 CORS 헤더를 통해 통신을 진행하는데 이런 CORS 를 통한 통신은 통신을 주고받는 통신 주체들의 도메인, 프로토콜, 포트 등이 일치하는지 확인한다. 프로젝트를 진행함에 있어 서버와 프론트의 도메인, 프로토콜, 포트가 일치하는 않는 경우에 CORS 에러가 나는 이유가 바로 이런 접근 권한 확인 과정을 거치기 때문이다. 서버와 클라이언트 사이에 중계기로서 대리로 통신을 수행하게 하는 프록시 서버를 설정하면 위와 같은 문제를 해결할 수 있다. Proxy 서버 설정 방법 proxy 서버를 설정하기 위해서는 2가지 방법이 존재한다. 1. package.json 파일에서 설정 "proxy" : "{통신할 서버 주소}"..