🐶🦶 BLOG

side effect ( = effect) 기능 데이터 가져오기 구독 설정하기 수동으로 리액트 컴포넌트의 DOM 수정하기 종류 정리(clean-up)가 필요한 것 그렇지 않은 것 정리(Clean-up)를 이용하지 않는 Effects 리액트가 DOM을 업데이트한 뒤 추가로 코드를 실행해야 하는 경우 네트워크 리퀘스트 DOM 수동 조작 로깅 -> 실행 이후 신경 쓸 것이 없기 때문에! useEffect useEffect가 하는 일? -> useEffect Hook을 이용하여 우리는 리액트에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야하는 지를 말함 리액트는 우리가 넘긴 함수(effect)를 기억했다가 DOM 업데이트를 수행한 이후에 불러낼 것 문서 타이틀 지정, 데이터 가져오기, 명령형 API 불러내기 등..

3. 엘리먼트 렌더링 엘리먼트 React 앱의 가장 작은 단위 일반 객체 React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 불변 객체, 엘리먼트 생성 이후 해당 엘리먼트의 자식이나 속성 변경 불가 특정 시점의 UI를 보여줌 DOM에 엘리먼트 렌더링하기 루트 DOM 노드 index.html 파일 안의 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리 리액트 앱은 일반적으로 하나의 루트 돔 노드가 있음 리액트를 기존 앱에 통합하려는 경우 여러개의 루트 돔 노드가 있을 수 있음 index.js 파일 안의 const element = Hello, World; ReactDOM.render(element, document.getElementById('root')); React 앨리먼트..