yceffort

frontend engineer

July 5 2020javascript web

왜 CommonJS는 번들사이즈를 크게 하는가?

[How CommonJS is making your bundles larger](https://web.dev/commonjs-larger-bundles/) 를 번역 & 요약한 글입니다. ```toc tight: true, from-heading: 2 to-heading: 3 ``` **요약: 웹 애플리케이션을 확실하게 최적화해서 번들링하기 위해서는, C...

Read

July 3 2020javascript react angular web

프론트엔드 개발자가 알아야 하는 Angular와 React의 Change Detection

[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

July 3 2020javascript react

리액트 고차 컴포넌트 (React Higher Order Component)

[이 글](https://ko.reactjs.org/docs/higher-order-components.html)이 한글로 번역이 안되있어서 대충 번역해봅니다. # Higher-Order Components 고차 컴포넌트 (이하 HOC)는 리액트에서 컴포넌트 로직을 재사용하기 위한 고오급 기술이다. HOC는 리액트 API의 일부분은 아니다. 이는 리액트...

Read

July 1 2020javascript web

프론트엔드 사이즈 줄이기

[이 글](https://developers.google.com/web/fundamentals/performance/webpack/decrease-frontend-size)을 대충 번역했습니다. ```toc tight: true, from-heading: 2 to-heading: 4 ``` ## webpack 4버전 이상의 경우 프로덕션 모드를 사용하...

Read

June 30 2020javascript algorithm

자바스크립트로 구현해보는 다양한 정렬

## 거품(버블)정렬 - 가까운 두 원소를 비교해서 정렬하는 방식이다. - `O(N^2)` - 코드가 단순하고 구현하기 쉽다 - 느리다. ![bubble-sort](https://upload.wikimedia.org/wikipedia/commons/3/37/Bubble_sort_animation.gif) ```javascript function bub...

Read

←

→