전체 글
8. 브라우저 저장소의 차이점 (LocalStorage, SessionStorage, Cookie)
Cookie와 Web Storage의 차이점: Cookie는 매번 서버로 전송된다. Web Storage는 저장된 데이터가 클라이언트에 존재할 뿐, 서버로 전송되지 않는다. 이것은 네트워크 트래픽 비용을 줄여주는 주요한 장점이 된다. Local Storage는 저장한 데이터를 명시적으로 삭제하지 않는 이상 영구적인 보관이 가능하다. 도메인마다 별도로 로컬 스토리지가 생성된다. 브라우저를 종료해도 데이터가 보관되어 다음번 접속에도 사용할 수 있다. Session Storage는 데이터의 지속성과 액세스 범위에 특수한 제한이 존재한다. 데이터가 지속적으로 보관되지 않고 현재 페이지가 브라우징 되고 있는 브라우저 콘텍스트 내에서만 데이터가 유지된다. 브라우저가 종료되면 데이터도 같이 지워진다. 같은 사이트의 ..
3. 클로저의 원리와 사용하는 이유
클로저가 너무 어렵따....... 포인터의 개념을 주소라는 개념으로 받아들이기 시작하면 아주 쉽게 이해하듯이 closure 또한 scope chain에서 하나의 scope를 생성해준다는 개념으로 이해한다면 아주 쉽게 이해가 가능할 것이다. 클로저를 이용해 구현하게 되면 컨텍스트에 접근할 때 스코프를 이용해 접근하기 때문에 this라는 키워드를 쓸 필요도 없다. 이렇게 만들어진 카운터는 어느 객체에 붙여서 사용해도 동일한 컨텍스트의 결과를 내주고 이벤트 리스너로 사용해도 동일한 컨텍스트를 유지한 상태로 사용할 수 있다. var counter = (function() { var _count = 0; return function() { return _count += 1; }; })(); console.log(..
Global Styles
My Global Styles • Treasure Trove The Treasure Trove is a curated set of my favourite resources, with detailed guides showing how I get the most out of them. courses.joshwcomeau.com
CSS Writing Modes
https://24ways.org/2016/css-writing-modes/ CSS Writing Modes Jen Simmons points us in the direction of a useful but less well known CSS feature that becomes increasingly important when designing page layouts for a global audience. Like the wise men following the Star of Bethlehem, sometimes the best direction is giv 24ways.org
The CSS Cascade
Or, How browsers resolve competing CSS styles Amelia Wattenberger wattenberger.com