Web (4) 썸네일형 리스트형 [Web] SSR, CSR, SSG, ISR 이해하기 Next를 공부하면서 정말 자주 나오는 개념, 근데 맨날 헷갈려서 한번 깔끔하게 짚고 넘어가보려고 한다! SSR, CSR, SSG, ISR은 웹사이트 렌더링 방식들로 각각 웹 페이지가 어떻게 생성되고 브라우저에 표시되는지에 대한 접근 방식을 설명한다. SSR (Server-Side Rendering) SSR은 말 그대로 서버 사이드 렌더링, 서버에서 초기 렌더링이 이루어진다는 뜻이다. 1. 서버에서 HTML을 pre-rendering한다. 2. 브라우저에서 pre-rendering 된 HTML이 사용자에게 보여지고, JS를 다운로드한다. (정적인 UI는 사용자에게 보여지지만 JS파일이 모두 다운로드 되기전까지는 JS가 작동하지 않는다.) 3. JS가 모두 다운로드가 되면 정상적으로 페이지 이용이 가능하다.. [Web] Cookie, Session, Token Cookie와 Session은 모두 HTTP 프로토콜의 특징이자 약점을 보완하기 위해 사용된다. 1. 무상태 (Stateless) : 서버는 클라이언트의 상태를 기억하지 않습니다. 따라서 각 요청마다 서버에서 요구하는 모든 상태 정보를 담아서 요청해야 합니다. 2. 비연결성 (Connectionless) : 서버와 클라이언트는 연결되어 있지 않습니다. 서버 입장에서는 매번 새로운 요청입니다. 이 특징은 최소한의 서버 자원을 사용하며 서버의 확장성도 늘릴 수 있지만, 서버와 클라이언트의 통신이 유지되지 않아 매 요청마다 인증을 반복해야 한다는 단점이 있다. 이런 번거로움을 해결하고 클라이언트와 서버가 정보를 유지하기 위해 사용하는 것이 쿠키와 세션이다. 1. Cookie - 쿠키란 브라우저에 저장되는 텍스.. [Web] HTTP와 HTTPS 차이점 1. HTTP란? 앞서 포스팅에서 작성했듯이 HTTP는 서버와 클라이언트가 데이터를 주고 받는 프로토콜이다. HTTP프로토콜은 별다른 보안 조치가 없이 데이터를 주고받기 때문에 제3자에 의해 데이터를 탈취당할 위험이 크다. 2023.04.28 - [Web] - [Web] HTTP 통신 [Web] HTTP 통신 1. HTTP란? HTTP(Hypertext Transfer Protocol)는 클라이언트(web browser)와 서버(web server)간의 통신을 위한 규약 또는 프로토콜(protocol)이다. 사용자 브라우저가 웹서버에 HTTP 요청을 전송하고 서버는 HTTP 응답 hamster801.tistory.com 2. HTTPS란? HTTPS(Hypertext Transfer Protocol Se.. [Web] HTTP 통신 1. HTTP란? HTTP(Hypertext Transfer Protocol)는 클라이언트(web browser)와 서버(web server)간의 통신을 위한 규약 또는 프로토콜(protocol)이다. 사용자 브라우저가 웹서버에 HTTP 요청을 전송하고 서버는 HTTP 응답으로 응답한다. 2. HTTP의 구조 HTTP는 애플리케이션 레벨의 프로토콜로 TCP/IP 위에서 작동한다. HTTP는 상태를 가지고 있지 않는 Stateless 프로토콜이며 Method, Path, Version, Headers, Body 등으로 구성된다. 하지만 HTTP는 암호화가 되지 않은 평문 데이터를 전송하는 프로토콜이였기 때문에, HTTP로 비밀번호나 주민등록번호 등을 주고 받으면 제3자가 정보를 조회할 수 있었다. 그리고 .. 이전 1 다음
