728x90 반응형 기타 CS35 기술 면접 준비 - HTTP 1.1 과 HTTP 2.0 HTTP는 웹에서 브라우저와 서버가 통신하기 위한 프로토콜이다. HTTP/1.1은 기본적으로 커넥션당 하나의 요청과 응답만 처리한다. 여러 개의 요청을 한 번에 전송할 수 없고 응답도 마찬가지다. 따라서 HTML 문서에 포함된 여러 개의 리소스 요청 - CSS 파일을 로드하는 link 태그, 이미지 파일을 로드하는 img 태그, 자바스크립트를 로드하는 script 태그 등에 의한 리소스 요청과 응답이 개발적으로 전송된다. 이렇게 리소스를 동시에 전송하는 것이 불가능한 구조로 리소스의 개수에 비례하여 응답 시간이 증가한다는 단점이 있다. HTTP/2.2는 다중 요청/응답이 가능하다. 여러 리소스를 동시에 전송 할 수 있어 HTTP/1.1에 비해 페이지 로드 속도가 약 50% 정도 빠르다. 2023. 2. 24. 기술 면접 준비 - SOP(Same-Origin Policy) 그리고 CORS (Cross-Origin Resource Sharing) SOP Same-Origin Policy의 약자이다. RFC6454에서 처음 등장한 보안 정책으로 "같은 출처에서만 공유할 수 있다."는 규칙을 가진 정책이다. CORS Cross-Origin Resource Sharing의 약자이다. 오픈된 공간인 웹에서 사실상 같은 출처에서만 리소스를 공유(SOP)하는 것은 불가능하기 때문에 몇 가지 조항을 두고 이 조항에 해당하는 리소스 요청은 출처가 다르더라도 허용하는 정책을 만들었는데 그것이 바로 CORS 정책이다. CORS 정책을 위반한 경우 CORS 에러가 발생하는 것이다. [출처(Origin)는 무엇인가?] -> URL 구성 요소 중 Protocol, Host, Port 세 가지를 합친 것이 출처다. 따라서 같은 출처라는 것은 프로토콜, 호스트, 포트 세 .. 2023. 2. 23. 기술면접 준비 - SSR 그리고 CSR SSR Server Side Rendering의 약자로 웹 페이지를 서버에서 렌더링 하는 것이다. 서버의 URI로 GET 요청을 보내면 서버는 정해진 웹페이지 파일을 브라우저로 렌더링 한다. 서버 사이드 렌더링을 사용하기 좋은 상황 검색 최적화(Search Engine Optimization)가 우선순위인 경우 웹 페이지의 첫 화면 렌더링이 빠르게 필요한 경우 (SSR이 단일 파일 용량이 작음) 웹 페이지가 사용자와 상호작용이 적은 경우 CSR Client Side Rendering의 약자로 웹 페이지를 브라우저에서 렌더링 하는 것이다. 브라우저의 요청을 서버로 보내면 서버는 웹 페이지를 렌더링하는 대신 웹 페이지의 단일 페이지와 Javascript 파일을 함께 보낸다. 브라우저는 데이터베이스에 저장된 .. 2023. 2. 23. 기술면접 준비 - 웹 브라우저의 렌더링 과정 렌더링이란 HTML, CSS, 자바스크립트로 작성된 문서를 파싱하여 븐라우저에 시각적으로 출력하는 것을 말한다. 브라우저는 다음과 같은 과정을 거쳐 렌더링을 수행한다. 브라우저는 HTML, CSS, 자바스크립트, 이미지, 폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답 받는다. 브라우저의 렌더링 엔진은 서버로부터 응답된 HTML과 CSS를 파싱(파싱은 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해하고 토큰에 문법적 의미와 구조를 반영하여 트리 구조의 자료 구조인 파스 트리를 생성하는 일련의 과정이다.)하여 DOM과 CSSOM을 생성하고 이들을 결합하여 렌더 트리를 생성한다. 브라우저의 자바스크립트 엔진은 서버로부터 응답된 자바.. 2023. 2. 23. 기술 면접 준비 - 웹 브라우저 작동 방식 웹 브라우저에 url을 치면 어떤 일이 일어날까? (step1) 사용자가 브라우저에 URL을 입력한다. 예: https://www.lfmall.co.kr/menu/301 -> https:// 은 통신 프로토콜이다. hypertext transfer protocol ssecure를 나타냅니다. 브라우저에 전송 계층 보안(TLS)을 사용하여 서버에 연결하도록 지시한다. TLS는 인터넷을 통한 통신을 보호하는 암호화 프로토콜이다. https를 사용하면 암호나 신용카드 정보와 같이 브라우저와 서버 간에 교환되는 데이터가 암호화 된다. -> www.lfmall.co.kr은 웹 사이트의 도메인 이름이다. 특정 서버의 IP주소를 가리키며, DNS(Domain Name System)에 의해 머신이 읽을 수 있는 IP주.. 2023. 2. 22. 이전 1 ··· 3 4 5 6 7 다음 728x90 반응형
