분류 전체보기
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
State Machine Pattern 상태머신패턴
https://m.blog.naver.com/ansdbtls4067/221271088975 [FPGA 강의] 21강 - Finite State Machine(FSM, 상태 머신)의 정의와 무어 머신 설계 따라하기 0. 들어가며...안녕하세요? 또다시 새로운 주제로 여러분과 함께 VHDL 강의를 시작하는 땜쓰 입니다. ... blog.naver.com https://key-boom.tistory.com/30 [Verilog] FSM(유한 상태 머신) 모든 시스템에서는 제어부와 실행부로 나뉜다. 제어부는 명령을 내리는 부서로 실행부로 하여금 특정한 행동을 하도록 신호를 보낸다. 신호를 받은 실행부는 신호에 따라 해당된 일을 수행한다 key-boom.tistory.com https://wikidocs.net/..
상속되는 CSS Properties 리스트
https://www.sitepoint.com/css-inheritance-introduction/#list-css-properties-inherit CSS Inheritance: An Introduction — SitePoint Asha Laxmi introduces and explains what CSS inheritance is, how it helps development, and what pitfalls to avoid while using it. www.sitepoint.com
33. Virtual DOM
ㅇVirtual DOM은 한국어로는 '가상 DOM'이라고 한다. DOM은 Document Object Model의 줄임말인데, Document는 HTML, XML을 뜻하고 Object는 노드 트리라고 유추해볼 수 있다. 노드 트리에는 Root Element, 태그(element), 내용 text, element의 attribute등이 포함된다. HTML이 곧 DOM인 것은 아니다. DOM은 브라우저에서 로드되는 것이다. 내가 IDE에서 작성한 HTML이 브라우저에 의해 파싱되어 실제 문서를 나타내는 노드 트리가 DOM인 것이다. IDE에 작성된 HTML은 단순 문자열일 뿐이며, 결과물을 보기 위해서는 브라우저가 필요하다. 브라우저가 이해하기 위해서는 이 '문자열'이 노드(객체)로 변환되어야 한다. 브라우..
Front-end 지식 목록
홈페이지가 사용자에게 보이는 순서에 대해 설명해주세요. 주소창에 www.google.com 을 입력하면 어떤 일이 일어나나요? 호이스팅에 대해 설명해 보세요. 클로저의 원리와 사용하는 이유 margin과 padding에 대해 설명해주세요. position을 어떻게 사용하는지 알려주세요. Restful API에 대해 아는대로 설명해 주세요(GET, PUT, POST, PATCH, OPTION, DELETE) this의 용법을 아는대로 설명해주세요 브라우저 저장소의 차이점 (LocalStorage, SessionStorage, Cookie) 자바스크립트는 어떤 언어인가요? -> 싱글 스레드 언어 하지만 실제 사용시에는 멀티 스레드처럼 사용하는데 어떻게 사용하나요? 비동기적으로 실행이 되는 것을 동기적으로 코..
픽셀과 접근성에 대한 놀라운 진실
https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/ The Surprising Truth About Pixels and Accessibility “Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario. www.joshwcomeau.com 넘 길어서 한번에 못 읽겠음.. 나중에 번역해..