브라우저2 브라우저 저장소(feat. 쿠키, 세션, 로컬스토리지) 브라우저 저장소 브러우저에는 변수와 같이 저장할 수 있는 공간이 따로 존재한다. 변수에 저장한 데이터는 새로고침을 하게 되면 사라지게 되는데 브라우저 저장소는 새로고침을 하더라도 사라지지 않는다. 브라우저 저장소는 크게 쿠키(cookie), 로컬스토리지(localStorage), 세션스토리지(sessionStorage)가 있다. 사용은 공통적으로 간단하다. 쿠키는 document.cookie, 로컬스토리지와 세션스토리지는 .setItem() .getItem() 을 사용한다. .setItem() 은 로컬스토리지나 세션스토리지에 값을 저장하는 것이고 .getItem() 은 값을 불러오는 것이다. 이 브라우저 저장소를 주로 이용하는 기능은 비회원으로 담는 장바구니가 되겠다. 각각의 특징 쿠키 저장된 데이터가 .. 2022. 2. 21. Virtual DOM(Document Object Model) Virtual DOM DOM(Document Object Model)을 추사화한 가상의 객체이다. DOM은 문서 객체 모델로 브라우저에서 다루는 HTML 문서를 파싱하여 문서의 구성요소들을 객체로 구조화하여 나타낸 것이다. DOM은 HTML Elements, Attributes, CSS styles, Events, Methods 등을 제어할 수 있는 표준 인터페이스를 제공한다. "웹 페이지를 구성하는 요소를 구조화해서 나타낸 객체고 이 객체를 이용해서 웹 페이지 구성요소를 제어할 수 있다"라고 이해하면 된다. Virtual DOMDMS DOM 조작에 의한 렌더링이 비효율적인 문제, SPA(Single Page Application)특징으로 DOM 복잡도 증가에 따른 최적화 및 유지 보수가 더 어려워지는 .. 2022. 1. 27. 이전 1 다음
