javascriptwebbrowser์๋ฐ์คํฌ๋ฆฝํธ์ ๋น์ฉPublished on2020-07-06ยท13๋ถ์๋ฐ์คํฌ๋ฆฝํธ์ ๋น์ฉ 2019verRead moreโ
javascriptwebbrowser์ฃผ์ ๋ ๋๋ง ๊ฒฝ๋ก - ๋ธ๋ผ์ฐ์ ์ ์๋ฆฌ๋ฅผ ์ดํดํ๊ณ ์ต์ ํ ํ๊ธฐPublished on2020-07-06ยท13๋ถ[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)๋ฅผ ์์ฝํ์ต๋๋ค. ์ด๊ธ์ ๋ณด๋๊ฒ ๋ ๋์์ ์ฌ์ค ```toc tight: true, from-heading: 2 to-heading: 3 ``` ์ฑ...Read moreโ
javascriptwebbrowser๋น ๋ฅธ ๋ก๋ฉ์ ์ํ PRPL ํจํดPublished on2020-07-06ยท5๋ถ[Apply instant loading with the PRPL pattern](https://web.dev/apply-instant-loading-with-prpl/)์ ๋ฒ์ญํ ๊ธ์ ๋๋ค. PRPL์ ์น ํ์ด์ง๋ฅผ ๋ก๋ํ๊ณ ์ธํฐ๋ํฐ๋ธ ํ ์ ์๊ฒ ๊ธ ๋์ฑ ๋น ๋ฅด๊ฒ ๋ง๋๋ ํจํด์ ์ค๋ช ํ๋ ์ฝ์ด๋ค. ## ์์ฝ - ์ค์ํ ๋ฆฌ์์ค๋ฅผ ๋ฏธ๋ฆฌ ๋ก๋ํด๋ผ (Push (...Read moreโ
javascriptweb์ CommonJS๋ ๋ฒ๋ค์ฌ์ด์ฆ๋ฅผ ํฌ๊ฒ ํ๋๊ฐ?Published on2020-07-05ยท12๋ถ[How CommonJS is making your bundles larger](https://web.dev/commonjs-larger-bundles/) ๋ฅผ ๋ฒ์ญ & ์์ฝํ ๊ธ์ ๋๋ค. ```toc tight: true, from-heading: 2 to-heading: 3 ``` **์์ฝ: ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์คํ๊ฒ ์ต์ ํํด์ ๋ฒ๋ค๋งํ๊ธฐ ์ํด์๋, C...Read moreโ
javascriptreactangularํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ์์์ผ ํ๋ Angular์ React์ Change DetectionPublished on2020-07-04ยท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/)๋ฅผ ๋ฒ...Read moreโ
javascriptreact๋ฆฌ์กํธ ๊ณ ์ฐจ ์ปดํฌ๋ํธ (React Higher Order Component)Published on2020-07-04ยท15๋ถ[์ด ๊ธ](https://ko.reactjs.org/docs/higher-order-components.html)์ด ํ๊ธ๋ก ๋ฒ์ญ์ด ์๋์์ด์ ๋์ถฉ ๋ฒ์ญํด๋ด ๋๋ค. # Higher-Order Components ๊ณ ์ฐจ ์ปดํฌ๋ํธ (์ดํ HOC)๋ ๋ฆฌ์กํธ์์ ์ปดํฌ๋ํธ ๋ก์ง์ ์ฌ์ฌ์ฉํ๊ธฐ ์ํ ๊ณ ์ค๊ธ ๊ธฐ์ ์ด๋ค. HOC๋ ๋ฆฌ์กํธ API์ ์ผ๋ถ๋ถ์ ์๋๋ค. ์ด๋ ๋ฆฌ์กํธ...Read moreโ