Network4 [Proxy를 설정해 HTTP 통신하기] Proxy Proxy는 이전에 배웠던 CORS 정책을 우회하여 별도의 응답 헤더를 받을 필요 없이 브라우저가 React 앱으로 데이터를 요청하고, 해당 요청을 백엔드로 전달할 수 있다. 여기서 React 앱이 서버로부터 받은 응답 데이터를 다시 브라우저로 전달하는 방법을 쓰기 때문에 브라우저는 CORS 정책을 위반했는지 모르게 된다. => 브라우저를 proxy 기능을 통해 속이는 것이다. 🔽 proxy 적용 전 흐름 더보기 🔽 proxy 적용 후 흐름 더보기 Proxy 사용법 1. webpack dev server proxy webpack dev server의 proxy를 사용하게 되면, 브라우저 API를 요청할 때 백엔드 서버에 직접 요청하지 않고, 현재 개발서버의 주소로 우회 요청하게 된다. 웹팩 개.. 2023. 6. 7. [네트워크 심화] IP : 인터넷 프로토콜 IP는 지정한 IP 주소에 패킷이라는 통신 단위로 데이터 전달한다. 한계 비연결성 : 패킷 받을 대상 없거나 서비스 불능 상태여도 패킷 전송 빈신뢰성 : 중간에 패킷 사라질 수 있고, 패킷 순서 보장할 수 없다. IP 패킷의 보완하기 위해 TCP 사용 TCP : TCP 세그먼트에는 IP 패킷의 출발지 IP와 목적지 IP 정보를 보완할 수 있는 출발지 PORT, 목적지 PORT, 전송제어, 순서, 검증 정보 등을 포함한다. 특징 연결 지향 - TCP 3 way hanshake (가상연결) 데이터 전달 보증 순서 보장 신뢰할 수 있는 프로토콜 UDP : 사용자 데이터 그램 프로토콜 특징 기능 거의 없음 비 연결지향 데이터 전달 보증 x 순서 보장 x 단순하고 빠름 신뢰성 보다는 연.. 2023. 5. 1. [HTTP/네트워크 실습] REST API란? REST API에서 REST는 "Representational State TRansfer"의 약자로 로이필딩의 박사학위 논위에서 웹(http)의 장점을 최대한 활용할 수 있는 *아키텍처로써 처음 소개되었다. *아키텍처 : 시스템이나 소프트웨어의 구조와 구성요소, 구성요소 간의 상호작용 방식에 대한 설계도 또는 계획 REST는 HTTP기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처이고 , REST API는 REST를 기반으로 서비스 API를 구현하는 것을 의미한다. REST의 기본 원칙을 성실히 지킨 서비스 디자일을 "RESTful"라고 표현한다. REST API 구성 REST API는 자원(resource), 행위(verb), 표현(representations) .. 2023. 3. 29. [HTTP/네트워크 기초] 웹 애플리케이션 아키텍처 웹 애플리케이션을 도식화하면 위의 사진으로 나타낼 수 있다. 웹사이트 vs 웹 애플리케이션 웹 개발 영역에서 웹사이트는 일반적으로 정적 페이지들의 집합체를 의미한다. 웹사이트에서 동적 페이지를 포함하게 된다면 이는 웹 애플리케이션이 된다. 웹 애플리케이션 아키텍처는 웹 사이트나 웹 서비스 등의 애플리케이션을 구성하는데 사용되는 시스템 구조를 의미한다. 웹 애플리케이션 아키텍처는 보통 3가지 레이어로 구성된다. 1. 프레젠테이션 레이어 : 웹사이트나 웹 어플리케이션의 사용자 인터페이스를 제공하는 부분이다. 주로 HTML, CSS, JavaScript를 사용하여 웹페이지를 렌더링하고 사용자와의 상호작용을 담당한다. 2. 비즈니스 레이어 : 웹 어플리케이션의 핵심 비즈니스 로직을 처리.. 2023. 3. 29. 이전 1 다음 728x90
