TOAST UI

많은 기능, 모달 창 또는 사이드 패널을 가진 복잡한 웹앱을 사용해 본 적이 있는가? 이 문제는 모바일 앱에서 앱을 특정 페이지나 UI 상태로 열기 위해 사용하는 딥링크로 해결할 수 있다. 하지만 이 기능은 많은 웹앱에서 왜 존재하지 않을까?

ECMAScript 모듈 시스템(`import`와 `export` 키워드)은 기본적으로 자바스크립트 코드만 가져올 수 있다. 하지만 애플리케이션의 설정을 JSON 파일에 저장하는 것이 편리할 때가 많고, 결과적으로 JSON 파일을 ES 모듈로 직접 가져오고 싶을 것이다.

Lighthouse는 새로운 모드인 User Flow API를 통해 페이지의 생애를 테스트할 수 있게 해줄 것이다. Puppeteer는 정해진 각본대로 페이지를 로드하고 사용자 인터랙션을 유발해 주는 역할을 했고, Lighthouse는 그런 인터랙션이 일어날 때 주요 지표를 측정하기 위해 다양하게 이용되었다. 즉, 성능은 페이지가 로드 될 때와 페이지의 인터랙션 중일 때만 측정 가능하다. 접근성 측정은 CI를 통해서 수행될 수 있다. 첫 화면은 물론이고 하나라도 놓치지 않기 위해 개발자 각자의 복잡한 순서로도 확인할 수 있다.

찬바람이 불고 낙엽이 떨어지는 11월이 되었습니다. 어느덧 2021년도 한 달 밖에 남지 않았는데요. 환절기 감기🤧 유의하시길 바라며 남은 2021년도 건강하게 보내길 바라겠습니다.🙏

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

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

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

갑자기 추워진 날씨 탓인지 올해는 유난히 시간이 빨리 지나간 것 같습니다. 단풍이 들기도 전에 첫 눈이 내린 곳도 있다고 하네요. 환절기지만 여러분 모두 건강하길 바라겠습니다.

브라우저 개발자 도구의 기능 중 CSS 디버깅에 특히 유용한 기능을 알아본다.

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