SERIES

Web Architecture

5 Posts·Last updated on February 14, 2025

브라우저의 렌더링 과정

August 11, 2022

Brower Rendering 1. 주소 입력 클라이언트측에서 URL을 통해 서버로 요청을 보낸다. 2. HTML 파일 다운로드 서버는 클라이언트가 요청한 URL에 따라 결과물을 만들어서 응답한다. 이때, 리턴값은 HTML 파일일 수도 있고, JSON일 수도 있고, 이미지 등의 파일일 수도 있다. 아래의 경우에는 HTML 파일을 반환하며, 브라우저가 가장…

브라우저의 렌더링 종류 CSR vs SSR vs PR

August 12, 2022

💻 CSR (Client Side Rendering) CSR은 JavaScript를 사용하여 직접 웹브라우저에서 페이지를 렌더링하는 것을 의미한다. 모든 로직 및 데이터 가져오기, 템플릿 및 라우팅은 서버가 아닌 클라이언트(브라우저)에서 처리된다. 동작 순서 클라이언트 ➡ 서버 : 사이트 접속을 알림 서버 ➡ 클라이언트 : index.html 전송 처…

Client와 Server의 역할과 통신 과정

February 12, 2025

1. Client Side (Front-end) 클라이언트는 사용자가 직접 상호작용하는 웹 브라우저나 모바일 앱 등을 의미한다. 사용자 요청사항에 따라 서버에 필요한 데이터를 요청하고 서버로부터 응답을 받아 화면에 보여준다. 클라이언트의 주요 역할 사용자 인터페이스(UI) 제공 : 사용자에게 보여지는 화면을 구성한다. (버튼, 메뉴 등) 데이터 유효성 검…

웹 통신 규약, HTTP와 HTTPS에 대해서

February 13, 2025

1. HTTP란? HTTP란 Hypertext Transfer Protocol의 약자로 웹에서 클라이언트와 서버 간의 통신을 위해 정해진 규칙, 통신 규약이다. 웹 페이지를 요청하거나, 서버로 데이터를 전송하는 등 인터넷 상의 거의 모든 작업이 HTTP를 통해 이루어진다. 크게 아래와 같은 특징이 있다. Connectionless: 요청과 응답이 완료되면…

TCP vs UDP: Stateful과 Stateless의 차이 이해하기

February 14, 2025

Stateful과 Stateless TCP/UDP를 이해하기 위해서는 먼저 "상태 관리" 개념을 이해하는 것이 필요하다. 네트워크 통신에서 상태란, 특정 시점에서 시스템이 기억하고 있는 정보를 의미한다. 이를 기반으로 프로토콜을 분류하면, 상태를 기억하고있는 Stateful과 상태 유지 없이 독립적으로 처리되는 Stateless로 나뉜다. Stateful…