[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)๋ฅผ ์์ฝํ์ต๋๋ค. ์ด๊ธ์ ๋ณด๋๊ฒ ๋ ๋์์ ์ฌ์ค ```toc tight: true, from-heading: 2 to-heading: 3 ``` ์ฑ...
Web 8
๋น ๋ฅธ ๋ก๋ฉ์ ์ํ PRPL ํจํด
- Published on ยท
- 5๋ถ
[Apply instant loading with the PRPL pattern](https://web.dev/apply-instant-loading-with-prpl/)์ ๋ฒ์ญํ ๊ธ์ ๋๋ค. PRPL์ ์น ํ์ด์ง๋ฅผ ๋ก๋ํ๊ณ ์ธํฐ๋ํฐ๋ธ ํ ์ ์๊ฒ ๊ธ ๋์ฑ ๋น ๋ฅด๊ฒ ๋ง๋๋ ํจํด์ ์ค๋ช ํ๋ ์ฝ์ด๋ค. ## ์์ฝ - ์ค์ํ ๋ฆฌ์์ค๋ฅผ ๋ฏธ๋ฆฌ ๋ก๋ํด๋ผ (Push (...์ CommonJS๋ ๋ฒ๋ค์ฌ์ด์ฆ๋ฅผ ํฌ๊ฒ ํ๋๊ฐ?
- Published on ยท
- 12๋ถ
[How CommonJS is making your bundles larger](https://web.dev/commonjs-larger-bundles/) ๋ฅผ ๋ฒ์ญ & ์์ฝํ ๊ธ์ ๋๋ค. ```toc tight: true, from-heading: 2 to-heading: 3 ``` **์์ฝ: ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์คํ๊ฒ ์ต์ ํํด์ ๋ฒ๋ค๋งํ๊ธฐ ์ํด์๋, C...ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ์์์ผ ํ๋ Angular์ React์ Change Detection
- Published on ยท
- 16๋ถ
[What every front-end developer should know about change detection in Angular and React](https://indepth.dev/what-every-front-end-developer-should-know-about-change-detection-in-angular-and-react/)๋ฅผ ๋ฒ...ํ๋ก ํธ์๋ ์ฌ์ด์ฆ ์ค์ด๊ธฐ
- Published on ยท
- 12๋ถ
[์ด ๊ธ](https://developers.google.com/web/fundamentals/performance/webpack/decrease-frontend-size)์ ๋์ถฉ ๋ฒ์ญํ์ต๋๋ค. ```toc tight: true, from-heading: 2 to-heading: 4 ``` ## webpack 4๋ฒ์ ์ด์์ ๊ฒฝ์ฐ ํ๋ก๋์ ๋ชจ๋๋ฅผ ์ฌ์ฉํ...์๋ฐ์คํฌ๋ฆฝํธ์์ http ์์ฒญํ๊ธฐ - fetch์ ๋ํ ๊ณ ์ฐฐ
- Published on ยท
- 6๋ถ
`toc tight: true, from-heading: 2 to-heading: 3 ` ## 1. ์๋ก ์๋ฐ์คํฌ๋ฆฝํธ์์ http ์์ฒญ์ ํ๋ ๊ฒ์ ์ด์ ๋น์ผ๋น์ฌํ ์ผ์ด ๋์๋ค. ์๋ฒ์์ ๋ชจ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์์ static ํ html์ ๋ง๋ค์ด์ ๋ณด์ฌ์ฃผ๊ณ ์๋ ์นํ์ด์ง๋ ์๋ง ์ฐพ๊ธฐ ์ด๋ ค์ธ ๊ฒ์ด๋ค. ๋งจ ์ฒ์ ์น์ ๋ฐฐ์ธ ๋, jquery์ ajax ...