이 글에서 다룰 내용인 ReactJS - "Escape Hatch" 문서는 React 훅들을 제대로 이해하는데 도움이 많이 되었던 글입니다. 이번 글을 통해 React에서 말하는 Effect의 개념을 깊이 이해하고 리액트 컴포넌트를 만들 수 있기를 기대합니다.
Escape Hatch의 의미는 직역하면 안전한 곳을 벗어나는 것을 의미하는데 이 문서에서는 리액트 자체(렌더링 시스템)에서 벗어나서 외부 시스템들과의 연결할 수 있도록 하는 것을 의미합니다. 다소 멀게 느껴지지만 문서에서 다루는 예제들을 보면 쉽게 이해할 수 있습니다.
이번 글에서는 전체 내용을 다루지않고 각각의 챕터에서 중요한 부분만 남겨두겠습니다. 특히, useEffect, useRef의 사용법 자체는 이미 익숙하다는 가정하에 글을 남기도록 하겠습니다. 만약 내용이 이해되지않는다면 각 링크에 들어가서 문서를 읽어보고 예제들을 직접 테스트해보시길 권장드립니다.