비슷한 라이브러리 비교해보는 글

Mar 25, 2021
react vs vue vs angular vue 허접이 깝치지마라:-) https://www.npmtrends.com/react-vs-vue-vs-@angular/core ui library 의외로 material-ui가 월등하다. (antd랑 비슷한줄) 2022.…

OffsetTop을 읽으면 reflow가 발생한다?

Mar 25, 2021

offsetTop을 읽는 것 자체가 무조건 reflow를 발생시키지는 않는다. 하지만 offsetTop을 읽기 위해서 브라우저가 렌더링 큐에 쌓인 모든 작업을 수행하면서 reflow를 발생시킬 수 있다.

Table Of Contents using Intersection Observer API

Mar 24, 2021

Table Of Contents는 목차를 의미하고, Intersection Observer API는 타겟요소가 상위요소(또는 viewport)와 Intersect 하는지 관찰하는 기능을 제공하는 Web API다.

prettier와 eslint를 구분해서 사용하자

Mar 21, 2021

결론부터 말하자면 오류를 잡으려면 린터, 스타일을 교정하려면 포맷터를 사용하자.

Code Spell Checker

Mar 21, 2021

Code Spell Checker는 맞춤법 검사기 for vscode다.

void(0)

Mar 14, 2021
void 드물게 보이는 void(0)은 뭘까 검색해보니 라고 한다. 재밌는건 void 0(6 bytes)이 undefined(9 bytes)보다 바이트를 덜 먹기 때문에 uglifyjs같은 minifier에서 undefined를 void 0으로 바꾸는 경우가 있는 것…

Finite State Machine

Mar 14, 2021

Finite State Machine(FSM)은 유한한 개수의 상태를 가질 수 있는 automata이다.

Screen Capture API

Mar 13, 2021
Screen Capture API를 통해 화면 또는 화면의 일부를 선택하고 미디어 스트림으로 캡쳐할 수 있다. 화면을 캡쳐하는 API이므로 디바이스의 input을 캡쳐하는 WebRTC API와 구분이 필요하다. Screen Capture API 사용법 getDispl…

Resize Observer API

Mar 13, 2021
Resize Observer API는 요소의 크기 변화를 감지하고 콜백을 실행한다. 기존에는 Viewport 크기 변화는 window의 resize 이벤트 또는 window.matchMedia로 감지할 수 있지만 요소의 크기 변화를 직접적으로 감지할 수 있는 방법은 …

Mutation Observer

Mar 13, 2021
MutationObserver는 DOM 변경 감시를 제공한다. DOM을 감시하다가 child 노드들이나 attributes, data 등이 변경되면 콜백을 실행한다. 예를 들면 prefers-color-scheme 미디어쿼리가 안 먹는 브라우저 에서 다크모드를 적용하…
Copyright © 2022nana