TOAST UI

프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다.

새로운 Sanitizer API는 페이지에 임의의 문자열을 안전하게 삽입할 수 있는 강력한 처리방법을 구축하는 것을 목표로 한다.

우리는 리소스의 상대적 중요도(높음 또는 낮음)를 암시할 수 있는 importance 속성과 우선순위 힌트(Priority Hints)를 이야기한다. 우선순위 힌트는 코어 웹 바이탈을 최적화하는 데 도움이 될 수 있다.

CORS에서 이기는 방법을 알아보자.

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

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

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

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

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

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