Frontend/웹 관련 지식

Proxy (Forward, Reverse)

Proxy? 클라이언트와 서버 사이의 '대리인'이라 생각하자 클라이언트와 서버 사이에 위치해서 클라이언트는 프록시를 서버라고 인식하고 서버 또한 프록시를 클라이언트로 인식한다 서버와 클라이언트 사이의 중계인으로 대신 통신을 수행하는 역할을 하는 것이 프록시 서버이다! 프록시는 포워드 프록시와 리버스 프록시가 있다. CORS를 해결하기 위한 방법 중 하나가 Proxy를 이용하는 것! 예를 들어 3000번 프톤트 서버에서 8080 포트를 쓰는 백엔드 서버의 리소스를 가져오려 할 때 3000 포트에서 온 요청을 마치 8080 포트에서 바꿔주는 역할! Forward Proxy 일반적으로 프록시는 포워드 프록시를 의미한다. 클라이언트가 서버로 요청을 할 때, 인터넷에 직접 접근하는 것이 아니라 프록시 서버가 요청..

서버와 서버리스

웹의 동작방식 웹은 요청과 응답으로 굴러간다 클라이언트가 서버에 요청, 서버가 클라이언트에게 응답하면서 돌아간다! 서버가 하는일 서버가 하는 일은 우리가 알고 있듯이 데이터 관리, 분산 처리, 웹 어플리케이션 동작시키기 등 굉장히 많다. 서버가 할일이 많다는 것은 우리가 전부 관리해줘야 한다는 이야기이도 하다. 이를 해결하기 위해 서버리스의 힘을 빌린다. 서버리스란? 서버리스는 "서버가 없다"라는 의미가 아니라 "서버를 신경쓸 필요가 없다"라는 의미이다. 이미 누군가가 구축해 둔 서버의 일부분을 빌려쓸 수 있다. 우리가 인프라를 구축해서 서버스펙을 고민할 필요가 없다는 의미이다. 우리는 단지, 우리에게 필요한 서버를 필요한만큼만 빌려 쓰면 된다!

DOM

DOM? 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. 마크업 형태의 HTML 문서를 오브젝트 모델의 형태로 바꿔놓은 것 DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 을 수정할 수 있다. HTML태그를 JS에서 이용할수 있는 객체로 만드는 것이다. 즉 HTML문서의 객체 기반 표현 방식이다. DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하..

HTTP🍔

HTTP (Hypertext Transfer Protocol) HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜(Protocol)이다 HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜이다. 프로토콜은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계이다. HTTP는 웹에서 이루어지는 모든 데이터 교환의 기초이며, 서버-클라이언트 프로토콜이기도 하다. 서버-클라이언트 프로토콜이란 (보통 웹브라우저인) 수신자 측에 의해 요청이 초기화되는 프로토콜을 의미한다. HTTP 특징 1. 클라이언트-서버 구조 클라이언트가 서버에 요청을 보내면 서버는 그에 대한 응답을 보내는 클라이언트-서버 구조로 이루어져 있다. Request/Respo..