HTTP의 진화 및 HTTP와 HTTPS 차이점
·
Frontend/WIT 스터디
HTTP(HyperText Transfer Protocol)란?하이퍼 텍스트를 전송하기 위해 만들어진 약속HTML 문서와 같은 리소스들을 주고 받을 수 있는 프로토콜HTTP를 통한 일반적인 흐름에는 클라이언트 시스템에서 서버에 요청한 다음 서버에서 응답 메시지를 보내는 요청/응답(request/response) 작업이 포함 HTTP의 역사 HTTP/0.9원-라인 프로토콜 (요청은 단일 라인으로 구성)메서드는 GET이 유일HTTP 헤더 ❌ ( HTML 파일만 전송될 수 있으며 다른 유형의 문서는 전송될 수 없음)상태 코드, 오류 코드 ❌//HTTPGET /mypage.html HTTP/1.0각 요청 안에 버전 정보가 포함되어 전송 (HTTP/1.0 이 GET 라인에 붙은 형태).상태 코드 ⭕️ → 브라우..
CORS(교차 출처 리소스 공유)
·
Frontend/궁금증 💭
브라우저는 기본적으로 보안상 다른 출처(Origin)의 리소스 요청을 제한더보기출처(Origin)란?- Origin = 프로토콜 + 도메인(호스트이름) + 포트- 이 중 하나라도 다르면 CORS 에러 발생다른 출처의 리소스에 접근할 때 브라우저가 보안을 위해 요청을 제한하는 정책 ▶️ 동일 출처 정책(SOP)서버가 "이 출처는 괜찮아"하고 허락하는 것 ▶️ CORS(교차 출처 리소스 공유) CORS(교차 출처 리소스 공유)란?- 동일 출처 정책을 완화하여 다른 출처의 리소스에 접근할 수 있도록 서버가 브라우저에 권한을 부여하는 매커니즘- 주로 HTTP 헤더를 통해 작동- 서버는 응답 헤더에 Acess-Control-Allow-Origin과 같은 헤더를 설정하여 허용할 출처를 명시적으로 지정Access-C..
브라우저 동작 과정
·
Frontend/WIT 스터디
브라우저는 어떻게 동작하는가?🤔 웹 브라우저란?- 웹에서 페이지를 검색하고 표시하며 사용자가 하이퍼링크를 통해 추가 페이지에 접근할 수 있도록 하는 프로그램ex) 파이어폭스, 크롬, 엣지, 사파리, 오페라 …- 웹 서버에서 이동하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어▶️ 즉, 웹 브라우저란 웹에서 정보를 탐색하고 여러 콘텐츠를 보는데 사용되는 소프트웨어이다. 브라우저의 주요 기능- 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것- HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시 (이 명세는 웹 표준화 기구인 W3C에서 정함) 브라우저의 동작 과정- 탐색(Navigation) ▶︎ 응답(Response) ▶︎ 구문..
API | REST API, GraphQL, Open API
·
Frontend/궁금증 💭
API(Application Programming Interface)애플리케이션 : 고유한 기능을 가진 모든 소프트웨어인터페이스 : 두 애플리케이션 간의 서비스 계약요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의고유한 기능을 가진 두 소프트웨어 간의 서비스 계약소프트웨어 간에 데이터를 교환할 수 있도록 하는 규칙이나 프로토콜웹 API : 클라이언트와 웹 리소스 사이의 게이트웨이 API는 어떻게 작동하나요?클라이언트(요청을 보내는 애플리케이션) - 서버(응답을 보내는 애플리케이션) 구조ex) 모바일 앱(클라이언트) - 날씨 데이터베이스(서버)4가지 작동방식SOAP API - 단순 객체 접근 프로토콜 사용, XML을 사용하여 메시지 교환RPC API - 원격 프로시저 호출Websocket..