React
React Developer Tools를 통한 웹 최적화 진행 해보기
Reasct Developer Tools란? Reasct Developer Tools란 React로 만들어진 웹앱의 성능측정을 도와주는 도구입니다. 컴포넌트의 렌더링 속도, 컴포넌트 리렌더링시 하이라이트 강조기능 등의 기능이 있습니다. 불필요한 리렌더링 발생 채팅을 칠 때마다 채팅방 리스트, 채팅방 헤더 부분이 Hilight 되며 강조되고 있습니다. 이는 해당 컴포넌트들이 리랜더링이 되고 있다는 뜻이므로 불필요한 리랜더링이 발생한다고 파악할 수 있겠습니다. 리랜더링의 원인 export default function ChatRoom({ title, }: { title: string; }) { const [currentChatList, setCurrentChatList] = useState([]); cons..
