본문 바로가기
반응형

개발 공부/React2

[React] ResizeObserver loop completed with undelivered notifications 에러 해결 방법 ResizeObserver 에러 해결 방법  기존의 프로젝트를 수정하던 중 한페이지에서 ResizeObserver 에러가 발생하였다. 별거 아닌 에러인 줄 알고 열심히 해결 방법을 찾아보았으나 저 에러가 중요한 에러가 아니기 때문에 무시하거나 에러가 발생하지 않게 처리하는 방법 밖에 없어서 근본적인 문제를 해결하기 위해 ResizeObserver 에러에 대해 찾아보니 ResizeObserver를 통해 크기 변경을 감지할 때, 크기 변경 알림이 제대로 처리되지 않아  ResizeObserver가 비정상적으로 작동할 때 발생한다. 이는 레이아웃이 변경되는 과정에서 발생할 수 있으며, 사용자가 크기를 조정할 수 없는 열에서 발생할 가능성도 있다고 한다.  뭐 여러가지 방법이 있겠지만 저 에러의 근본적인 문제를.. 2024. 9. 25.
[React]컴포넌트와 렌더함수, 렌더링, 리렌더링(Componet, Render 함수) 컴포넌트와 렌더함수, 렌더링, 리렌더링(Componet, Render 함수) 1. 컴포넌트(Component) : 버튼, 텍스트 박스, h1 태그등등의 요소들을 정의해서 UI를 설계. → 재사용 가능, 컴포넌트 내에 생김새 및 작동 방식을 정의 해줌. 1) 함수형 컴포넌트 : JavaScript의 함수(Funtion)를 사용하여 정의. import React from "react"; function Home(){ return Home 홈화면 입니다. } export default Home; 2) 클래스형 컴포넌트 : 컴포넌트 구성 요소, 리액트 생명주기를 모두 포함 : 프로퍼티, state, 생명주기 함수가 필요한 구조의 컴포넌트를 만들 때 사용 import React, {Component} from ".. 2023. 12. 7.
반응형