본문 바로가기
반응형

CS/브라우저7

브라우저 저장소 브라우저 저장소 쿠키, 웹 스토리지, 로컬 스토리지, 세션 스토리지 HTTP통신을 통해서 클라이언트가 서버에게 requeset를 보내고 서버는 클라이언트에게 requeset에 대한 response를 보내고 접속을 종료한다. 통신이 끝나면 상태 인증에 쓰이는 상태 정보를 유지하지 않는다는 특징이 있다. 서버측에선 자원 낭비를 하지 않는 장점이 있지만, 통신을 할 때마다 새로 연결해줘야 하기 때문에 클라이언트는 그 때마다 인증을 해줘야하는 단점을 갖고있다. 이러한 문제에 사용하는 것이 브라우저의 스토리지이다. 브라우저의 저장공간인데, 쿠키, 웹 스토리지(로컬 스토리지, 세션 스토리지)가 있다. 웹 스토리지는 html5부터 제공되는 저장소이다. 쿠키와 웹 스토리지는 모두 해당 도메인에 대한 데이터를 브라우저에.. 2022. 12. 25.
브라우저 렌더링 SSR, CSR 브라우저 렌더링 가져온 페이지 정보를 브라우저가 어떻게 출력할까? 브라우저 종류: 익스플로러, 파이어폭스, 사파리, 크롬, 오페라 등 브라우저 주요기능: HTML 페이지, PDF, 이미지등 서버에게 요청해서 보여주는 것 브라우저가 화면에 나타나는 요소를 렌더링 할 때 렌더링 엔진을 사용한다. 렌더링 엔진을 사용해서 유저가 요청한 컨텐츠를 표시해준다. EX) 크롬: 블링크, 사파리: 웹킷 HTML회면 요청 => HTML, CSS 파싱 => 화면에 표시 파싱이란? 브라우저가 코드를 이해하고 사용하기 쉬운 구조로 변환하는 것이다. 파싱의 결과: DOM트리, NODE 트리로 표현된다. DOM트리: HTML페이지를 구조화해서 계층으로 표현한 개념으로 최상단 루트 태그를 시작으로 페이지에 대한 각 요소가 노드로 만.. 2022. 10. 31.
로컬 스토리지 vs 세션 스토리지 vs 쿠키 로컬 스토리지(LocalStorage) 저장되는 데이터의 만료 기간이 없다. 웹페이지를 닫아도 저장된 데이터는 삭제되지 않는다. 자바스크립트로 삭제하거나 브라우저 캐시 / 로컬 저장된 데이터를 클리어하여 삭제해야 한다. 저장할 수 있는 공간은 세션 스토리지, 쿠키보다 크다. 클라이언트에서만 사용할 수 있다. 세션 스토리지(SessionStorage) 저장되는 데이터의 만료 기간이 있다. 웹페이지를 닫으면 저장된 데이터는 삭제된다.(세션이 끝나면 삭제된다) 저장할 수 있는 공간은 쿠키보다 크다.(최소 5MB) 클라이언트에서만 사용할 수 있다. 쿠키(Cookie) 만료 기간이 있으며 이는 서버 또는 클라이언트에서 설정할 수 있다.(보통 서버에서 설정한다) 주로 서버로 전송해야할 데이터를 저장한다. 저장할 수.. 2019. 12. 27.
728x90
반응형