항해 43일차

항해 43일차

오늘은 프로젝트를 진행하면서 생긴 오류에 대해서 TIL을 써볼려고 한다.

문제점

리액트에서 변경사항이 있을 시 웹소켓 채팅에 2,4,6,8이렇게 채팅이 배열에 담겨 증가하는 방식을 보았다.

왜 그럴까?

일반적으로 React 컴포넌트 파일을 변경하고 저장하면 화면이 다시 렌더링됩니다. 이는 React의 Hot Reloading 또는 Fast Refresh라는 개발 도구의 일부 기능입니다.

Hot Reloading 또는 Fast Refresh는 개발 중에 애플리케이션을 수정하고 저장할 때 변경된 부분만 실시간으로 반영하여 애플리케이션을 새로 고치는 기능입니다. 이를 통해 코드 수정 후 새로고침 없이 변경 사항을 확인할 수 있습니다.

하지만 모든 개발 환경에서 Hot Reloading이나 Fast Refresh가 자동으로 동작하지는 않습니다. 일부 설정이 필요한 경우도 있을 수 있으며, 개발 도구 또는 프레임워크에 따라 다를 수 있습니다. 개발 환경에 따라 변경 사항이 자동으로 감지되고 화면이 재렌더링되지 않는 경우 수동으로 새로고침해야 할 수도 있습니다.

따라서 코드 변경 후 화면이 자동으로 렌더링되지 않는다면, IDE나 개발 도구 설정을 확인하고, 필요한 경우 수동으로 새로고침하는 것이 좋습니다.

즉 새로고침을 해라 해결!~😝