728x90 반응형 SMALL IT 지식28 클라이언트 사이드 렌더링(CSR) vs 서버 사이드 렌더링(SSR) 브라우저 렌더링이란? 브라우저가 서버로부터 요청해 받은 내용을 브라우저 화면(View)에 표시해주는 작업을 말한다. 브라우저가 서버로부터 HTML, CSS, JavaScript 문서를 전달받아 브라우저 엔진이 각 문서를 해석해 브라우저 화면을 그려준다. 브라우저 렌더링은 크게 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR) 방식으로 나누어진다. 클라이언트 사이드 렌더링(CSR) CSR은 "Client-Side Rendering"의 약어로, 클라이언트 측에서 페이지를 렌더링하는 방식을 말한다. CSR은 서버로부터 받아온 데이터를 클라이언트에서 JavaScript를 통해 동적으로 조작하여 렌더링한다. 클라이언트에서 데이터를 받아오고 렌더링하기 때문에 초기 로딩 속도는 느리지만, 이후에는 페이.. 2023. 4. 17. Base64 인코딩이란? Base64 인코딩을 알아보기 전, 인코딩에 대해서 먼저 알아봐야한다. 인코딩(encoding)이란? 인코딩(encoding)은 컴퓨터를 이용해 영상 · 이미지 · 소리 데이터를 생성할 때 데이터의 양을 줄이기 위해 데이터를 코드화하고 압축하는 것이다. 즉, 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 혹은 그 처리 방식을 말한다. Base 64란? 컴퓨터 분야에서 쓰이는 Base 64 (베이스 육십사)란, 8비트 이진 데이터(예를 들어 실행 파일이나, ZIP 파일 등)를 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식을 가리키는 개념이다. Base64 인코딩은 8비트 .. 2023. 4. 16. Cookie의 MaxAge, Expires 옵션 Session cookies - 웹브라우저가 켜져있는 동안 유효하고 끄고 다시 켜면 없어짐 → MaxAge와 Expires 옵션 중 하나라도 설정하지 않을 때 Permanent cookie - 웹브라우저를 껐다 켜도 유지됨 Permanent cookie 기간 설정할 때 쓰이는 옵션이 바로 MaxAge와 Expires 이다. MaxAge와 Expires 옵션은 둘 다 쿠키의 수명을 결정하는 데 사용된다. MaxAge 쿠키가 유지되는 시간(초)을 정의한다. 이 값은 현재 시간에서 더해져서 쿠키의 만료 시간이 계산된다. 예를 들어, MaxAge가 3600으로 설정되어 있으면, 쿠키는 1시간 동안 유지된다. Expires 쿠키가 만료되는 날짜와 시간을 정의한다. 이 값은 HTTP Date 형식의 문자열로 설정된.. 2023. 4. 4. 브라우저 저장소(local storage, session storage, cookie) 브라우저 저장소란? 브라우저 저장소는 웹 애플리케이션에서 데이터를 저장하기 위한 방법으로, 주로 사용자의 프로필 정보, 로그인 상태, 사용자 환경 설정 등을 저장하고 유지하는 데 사용된다. 브라우저 저장소는 HTML5부터 지원되며, JavaScript를 사용하여 사용자의 로컬 브라우저에 데이터를 저장할 수 있다. 대표적으로 로컬 스토리지, 세션 스토리지, 쿠키가 있다. 로컬 스토리지(Local Storage) 일반적으로 키-값 쌍으로 구조화된 방식으로 데이터를 저장한다. 로컬 스토리지는 브라우저 내부에 데이터를 저장할 수 있는 영구 저장소다. 데이터는 클라이언트 측 컴퓨터에 저장되며 데이터를 수동으로 지우지 않는 이상 영구적으로 보관이 가능하다. 사용자가 웹 사이트를 나가더라도 데이터가 유지된다. 저장된.. 2023. 3. 31. [Web] HTTP와 HTTP 메시지 구조 HTTP란? HTTP는 HyperText Transfer Protocol(하이퍼텍스트 전송 프로토콜)의 약자로, HTML과 같은 하이퍼미디어 문서를 전송하기 위한 애플리케이션 레이어 프로토콜이다. 즉, 인터넷에서 데이터를 주고 받는 데 사용되는 프로토콜이다. HTTP는 클라이언트와 서버 간에 데이터를 전송하고 웹페이지, 이미지, 비디오, 오디오 등을 요청하고 전송하기 위해 사용된다. HTTP는 TCP/IP 프로토콜을 기반으로 하며, 보통 80번 포트를 사용한다. 클라이언트는 HTTP 요청을 서버에 보내고, 서버는 이 요청에 대한 응답을 보낸다. HTTP 요청과 응답에는 여러 가지 종류가 있으며, 가장 흔한 종류는 GET 요청과 200 OK 응답이다. HTTP는 무상태(Stateless) 프로토콜이다. 이.. 2023. 3. 30. 캐시(Cache) 캐시(Cache)란? 캐시(Cache)는 시스템의 성능을 향상시키기 위해 데이터나 값을 미리 저장해 놓는 임시 저장소다. 캐시는 원래 데이터를 접근하는 시간이 오래 걸리거나, 값을 다시 계산하는 시간을 절약하고 싶을 때 사용한다. 특히 웹 서비스에서는 사용하는 이미지, CSS 및 자바스크립트 파일을 매번 네트워크를 통해 불러오지 않고 최초에만 다운로드하여 캐시에 저장해 두고, 그 이후 요청때 저장해 둔 파일을 사용할 때 유용하다. 캐시의 궁극적인 목표 불필요한 데이터 전송을 줄여, 네트워크 요금 비용을 줄여준다. 네트워크 병목을 줄여준다. 원 서버(origin server)에 대한 요청을 줄여주어, 더 빨리 응답할 수 있게 된다. 거리로 인한 지연을 줄여준다. 캐시의 종류 캐시 종류 설명 웹 캐시(Web.. 2023. 3. 29. 이전 1 2 3 4 5 다음 728x90 반응형 LIST
