리액트

* 이 글은 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. 이펙트를 일으키는 의존성 배열..

Why? 지난 글 "컴포넌트 Re-rendering을 피하는 5가지 방법"에서 언급한 글에서 부족한 면들이 보여, 보완을 하기 위해 같은 주제를 가진 다른 글들을 살펴 보았습니다. 물론 공식문서를 이미 정독을 한 상황 이었고, 조금은 Advanced 한 내용들에 초점을 맞추어 검색을 해 보았지만, 입맛에 맞는 내용들을 찾지 못하였습니다. 그러던 도중 "Understanding re-rerendering and memoiztion in React"라는 제목에 글에 이끌리게 되었고, 짧은 글이었지만 핵심만을 전달하는 좋은 글이라고 생각되어 공유하게 되었습니다. 이 글은 약간의 팁과 더불어 왜 중요한지에 대한 당위성도 포함되어 있는 유익한 글이라 판단됩니다. 만약 지난 글 "컴포넌트 Re-rendering을 ..

* 이 글은 I created the exact same app in React and Vue. Here are the differences 번역하였습니다. I created the exact same app in React and Vue. Here are the differences. [2020 Edition] I created the exact same app in React and Vue. Here are the differences. [2020 Edition]: 2020 Edition: Now with React Hooks vs Vue 3 + Composition API! by Sunil Sandhu sunilsandhu.com Vue를 사용하여 일을 하면서, 정말로 많은 것들을 이해하였습니다. ..

* 이 글은 How to understand a component's lifecycle methods in ReactJs 번역하였습니다. How to understand a component’s lifecycle methods in ReactJS In this part, we are going to explore about lifecycle methods of ReactJS. But, before moving ahead to react’s different lifecycle methods… medium.com 이 글에서 우리는 React의 생명주기 메서드에 대해 알아볼 것입니다. 하지만 React의 다양한 생명주기 메서드를 알아보기 앞서 일단 이게 뭔지에 대해 이해하는 것이 중요합니다. 알다시피, 이 세..