[에러] React에서 JS로 스타일 접근이 안될 경우

현재 학교 시간표 기능을 개발하던 중에 갑자기 해당 코드가 인식이 안되는 버그가 생겼다 (콘솔로그는 아주 잘 찍힘)

  document.querySelector("#afterSchool2").style.background = "#ae6fff";

원인은 바로 HTML 이 로드되기 전에 스타일을 줘서 그런 것,,

useEffect 로 감싸주니 잘 나왔다고 합니다

useEffect는 이제 생명주기 어쩌구 해서
어쨋든 HTML 로딩되고 그 다음에 실행됩니다

useEffect(() => {
      document.querySelector("#afterSchool2").style.background = "#ae6fff";
    }, []);

나중에 알게된건데 그냥 이렇게하지말고 useRef 쓰셈