목록2025/08/22 (1)

몸과 마음이 건전한 SW 개발자

[React] useEffect cleanup function (내가 한 실수 포함)

▶▷ 서론◁◀dayjs를 수정하다가 현재 페이지(컴포넌트) 외에 전역으로 영향을 미친다는 사실을 알게 되었다. 그러다보니 weekStart를 메인 페이지에서 1로 설정했고 다른 페이지에서 2로 설정했다면 충돌이 날 수밖에 없게 된다. (에러가 나지는 않지만 둘 중 하나의 방식만 선택됨) 이런 경우에 useEffect를 써서 각 컴포넌트에서만 실행되게 하고 싶었고 그 방법을 cleanup function에서 찾았다.▶▷ 목차 ◁◀정의언제 실행되는가자 사용하는 패턴내가 사용한 패턴주의사항정리하기▶▷ 1. 정의 ◁◀React의 useEffect에서 return하는 함수는 cleanup function(정리 함수)라고 부른다.이 함수는 컴포넌트가 언마운트되거나 의존성 배열이 변경되어 effect가 다시 실행되기..
프론트엔드 2025. 8. 22. 12:17
이전 Prev 1 Next 다음