인프런 커뮤니티 질문&답변

 

안녕하세요. 좋은 강의 감사드립니다.

 

프로젝트를 하면서 성능문제 해결하기가 너무 힘들어서 강의를 듣게 됬는데요. part 1 다듣고 part 2를 들어보고 있는중인데 아직 제가 가진 문제 해결할 방법이 떠오르지 않아 질문드려봅니다.

 

모달 창이나 display :none 이었던 컴포넌트를 토글하는 버튼이라던지 라이트/다크 모드 토글 버튼을 누를때 심각한 렉이 발생하고 광클했을 경우에는 일시적으로 멈춰버리는 일까지 일어나는데요.

 

콘솔 창에서는 이런 오류들이 버튼 클릭할 때 마다 나오고

 

성능 탭에서 보면 아래 처럼 버튼만 클릭했다하면 중간중간 무수한 forced reflow 들이 일어나서 프레임 드랍이 일어납니다...

 

 

 

혹시 강의 중에서 관련내용이 있는데 제가 놓친 부분이 있을까요? 아니면 어떻게 이부분을 해결할 수 있을까요? 구글에 forced reflow 관련 내용을 찾아서 적용해봐도 잘 해결이 안되서 질문드립니다!