Santos의 개발블로그

* 이 글은 A complete guide to useEffect 를 번역 및 요약하였습니다. A Complete Guide to useEffect Effects are a part of your data flow. overreacted.io 11. 의존성을 솔직하게 적는 방법 (2) - 이펙트가 자급자족 하도록 하자 이펙트의 의존성에 있는 count를 제거해 봅시다. useEffect(() => { const id = setInterval(() => { setCount(count + 1); }, 1000); return () => clearInterval(id); }, [count]); 여기서 생각을 해보죠? 무엇 때문에 deps의 count를 쓰고 있나요? 오직 setCount를 위해 사용하고 있습니..

* 이 글은 A complete guide to useEffect 를 번역 및 요약하였습니다. A Complete Guide to useEffect Effects are a part of your data flow. overreacted.io 보통 useEffect 를 쓸 때마다 뭔가 잘 들어맞지 않습니다. 클래스 컴포넌트의 라이프사이클 메서드와 비슷하다고 느낍니다만… 정말 그럴까요? 점점 시간이 지나면서 스스로에게 아래와 같은 질문을 하게 됩니다. 1. useEffect 로 componentDidMount 동작을 흉내내려면 어떻게 하지? 2. useEffect 안에서 데이터 페칭(Data fetching)은 어떻게 해야할까? 두번째 인자로 오는 배열([]) 은 뭐지? 3. 이펙트를 일으키는 의존성 배열..

* 이 글은 How the browser renders a webpage? - DOM, CSSOM and Rendering을 번역하였습니다. How the browser renders a web page? — DOM, CSSOM and Rendering In this article, we will deep dive into DOM and CSSOM to understand how the browser renders a webpage. Brower blocks some rendering of a… medium.com 모든 사람이 알고있다시피 Javascript는 ECMAScript 표준을 명세하고 있습니다. 사실 JavaScript가 상표로 등록되었을 때부터, 우리는 ECMAScript로 부르게 되었습니다..

* 이 글은 How the browser renders a webpage? - DOM, CSSOM and Rendering을 번역하였습니다. How the browser renders a web page? — DOM, CSSOM and Rendering In this article, we will deep dive into DOM and CSSOM to understand how the browser renders a webpage. Brower blocks some rendering of a… medium.com 브라우저의 Rendering (2) -operation 에서는 Layout, Paint, Compositing에 대해서 살펴봅니다. Rendering Sequence DOM, CSSOM 그리고..