TOAST UI

추론적인 프리렌더링(Speculative prerendering)과 크롬 체험판(Chrome origin trial)에 참여하는 방법에 대해 알아보자.

자바스크립트에서 다양한 종류의 에셋을 import 하는 방법을 알아보자.

자바스크립트가 C++ 성능에 도달한 방법

Playwright를 알아보고 E2E 테스트 작성하기

RenderingNG로 발표한 내용 중에서 프런트엔드 개발자가 알고 있으면 좋을 내용을 간략하게 추려보았다. RenderingNG로 인하여 공통의 기준선을 갖고 브라우저 간 렌더링 호환성이 높아진다면 얼마나 좋을까 하는 생각을 해본다.

super 키워드는 부모 객체의 함수나 속성에 접근하는 데 사용된다. 이전에는, 상위 속성으로 접근하는 것(super.x와 같은)은 런타임 실행으로 구현되어있었다. V8 v9.0부터는 최적화되지 않은 코드에 인라인 캐시(IC) 시스템을 재사용하여, 상위 속성에 접근하는 코드를 적절히 최적화된 코드를 생성한다. 이제 런타임 실행을 하지 않는다.

최신 자바스크립트로 작성된 의존성 모듈과 결과물 중심으로 성능을 개선한다.

브라우저 이전/다음 페이지 버튼으로 이동할 때 페이지가 순간적으로 로드되게 최적화 해보자.

픽셀은 웹에서 의외로 복잡한 주제이다. 이제 ResizeObserverEntry에 있는 새로운 devicePixelContentBox 속성을 통해 그 정보를 알 수 있으며, <canvas>를 사용하여 픽셀 단위까지 완벽한 렌더링을 할 수 있게 되었다.

프라미스로 애니메이션을 조작할 수있고, 교체가능한 애니메이션으로 성능이 개선되었으며, 합성 모드를 사용하여 부드러운 애니메이션을 제공한다.