Web

REST vs gPRC

payload 포맷의 차이 반드시 그래야 하는 것은 아니지만 현실에서 REST API는 일반적으로 JSON을 주고 받는다. 반면 gRPC는 메세지를 주고 받는다. JSON은 text…

Critical Rendering Path - 2

👉전편에서는 크리티컬 렌더링 패스의 전반적인 과정에 대해 설명. 이번에는 최적화 하는 방법과 JavaScript에 대해 조금 더 자세히 포스팅할 예정이다. TL;DR 크리티컬 렌더링 패스를 최적화하는 데에 크게 3가지의 방법이 있다. Minify, Compress, Cache: HTML, CSS, JS…

Critical Rendering Path - 1

Critical Rendering Path란 크리티컬 렌더링 패스란 브라우저가 HTML, CSS, JavaScript를 스크린에 픽셀로 나타내는 과정을 의미한다. 이 과정을 최적화하는 것이 렌더링 퍼포먼스를 향상시킨다. TL;DR HTML을 요청하고 응답 받으면 브라우저가 이것을 파싱(HTML Parser…

The Bundler

번들러란 번들러란 웹개발자가 하위 툴 그룹을 관리하는 데 도움을 주는 도구. 플러그인을 사용하여 하위 툴을 관리하는 meta-tool이라고 생각할 수 있다. 번들러가 필요한 이유는 자바스크립트 모듈의 특성때문이다. 원래 브라우저에서는 모듈을 지원하지 않는다. (2017년부터 브라우저에서도 Import…