전체 글

* 이 글은 Understanding React Render Props and HOC 번역하였습니다. Understanding React Render Props and HOC A detailed introduction to Render Props and Higher-Order Components in React blog.bitsrc.io React에서 Higher-Order-Components와 Render Props의 세부적으로 설명드립니다. 요즘 React로 개발을 해보셨다면 HOC와 Render Props에 대한 개념을 한번쯤은 들어보셨을 것입니다. 이 글에서는 두가지 패턴에 대해서 이해해보고 왜 필요한지, 어떻게 올바르게 사용하여 좋은 application을 만들 수 있는지에 대하여 이야기해 보려..

* 이 글은 React useEffect: 4 Tips Every Developer Should know 번역하였습니다. useEffect: 4 Tips Every Developer Should Know Check out these 4 tips that will save your code. Use useEffect with React Hooks correctly by avoiding these common pitfalls. medium.com React hooks에 useEffect의 대하여 이야기해볼까요. 절대로 잊어버리면 안 될 4가지 팁을 공유드립니다. Use a useEffect for a SIngle purpose React Hook을 사용할 때 복수의 useEffect 함수를 사용할 수 있습니..

* 이 글은 Iceberg of React Hooks 번역하였습니다. The Iceberg of React Hooks React Hooks, unlike Class Components, provide low-level building blocks for optimizing and composing applications with minimal boilerplate. medium.com Class Component와는 달리 React Hooks은 application을 최소한의 보일러플레트로 구성 및 최적화하기 위해 low-level 빌딩 블럭을 제공합니다. 깊이있는 지식없이는 미묘한 버그나 추상화로 인해 성능 문제가 발생할 수 있고 코드 복잡성이 높아집니다. 저는 공통적인 문제를 증명하고 그것들을 고치기..

대부분의 회사에서 사용 되고 있는 React, Vue와 같은 프레임워크, 라이브러리들의 trade off는 항상 존재한다고 믿어왔다. 요즘 그러한 생각들이 더욱 드는 이유는 사내에서 에디터를 만들면서 관련된 기능의 내부 동작을 정확하게 알지 모른채 사용하는 메서드들이 생기고 있기 때문이다. 빠른 기능 구현을 해야하는 핑계로 인해 기술에 대한 합리화를 제 자신이 하고 있지 않은가에 대해 다시 생각해보면서, 이 글을 기록한다. addEventListener 자바스크립트를 이용해서 어떤 이벤트를 등록할 때 내부적으로 다음과 같다. var event_listener_list = []; var sayHi = function() { console.log('hi'); }; window.addEventListener(..