Web-ETC (3) 썸네일형 리스트형 Cookie VS LocalStorage VS SessionStorage 사용 이유 기본적으로 http 프로토콜 환경은 connectionless(비연결성), stateless(상태없음) 특징을 가지고 있어 서버는 클라이언트가 누구인지 매번 확인해야 하므로 특성이자 약점을 보안하기 위해 쿠키, 세션, 웹 스토리지를 사용합니다 - Connectionless HTTP 는 먼저 클라이언트가 요청을 서버에 보내면, 서버는 클라이언트에게 요청에 맞는 응답을 보내고 TCP/IP 연결을 끊는 특성이다. - Stateless 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보를 유지하지 않는 특성이다. Cookie 하이퍼 텍스트의 기록서의 일종으로서 사용자가 어떠한 웹사이트를 방문할 경우 사용자의 웹 브라우저를 통해 설치되는 작은 기록 정보 특징 브라우저(클라이언트) 로컬에 저장.. Client Side Rendering(CSR) Sever Side Redering (SSR) Static Site Generation (SSG) Client Side Rendering (CSR) 클라이언트 사이드 렌더링이란 서버로부터 모든 파일을 받아 클라이언트에서 렌더링 하는 방식 CSR은 브라우저가 뼈대만 있는 HTML을 받고 JS 파일을 다운로드하고 동적으로 DOM을 생성하니 초기 로딩 속도가 느리지만 이미 다 만들어져 있기 때문에 이후 구동 속도는 빠르고 TTV (Time To View)와 TTI(Time To Interact)의 사이의 간극이 없으며 서버에서 렌더링을 하지 않기 때문에 부하가 적으며 클라이언트에서 연산, 라우팅 등을 처리하여 속도가 빠르고 UX가 우수한 편 대표적으로 SPA 방식에서 많이 사용하는 렌더링 방식 Single Page Application (SPA) 하나의 페이지로 이루어진 어플리케이션 새로운 페이지를 불러오.. HTTP response status codes HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려주며 응답은 5개의 그룹으로 나누어집니다. 1. Informational responses 정보제공 (100 ~ 199) 2. Successful responses 성공 (200 ~ 299) 3. Redirection messages 리다이렉션 (300 ~ 399) 4. Client error responses 클라이언트 에러 (400 ~ 499) 5. Server error responses 서버 에러 (500 ~ 599) 1xx Informational responses 정보제공 (100 ~ 199) code status description 100 Continue 클라이언트가 서버로 보낸 요청에 문제가 없으니 다음 요청을 이.. 이전 1 다음
