11장 react-virtualized를 이용한 최적화에서..

[n01086924]

안녕하세요. 책을 보면서 코드를 따라하다가 조금 이해가 부족한 부분이 있어서 문의 드립니다. react-virtaulized를 이용해서 최적화하는 과정에서 제일 마지막에 TodoListItem.scss에 .TodoListItem-virtualized 를 추가해주는 이유는 무엇인가요? 책에서 말한대로 수정을 안할 경우 스타일이 제대로 적용안되는 것도 확인했고, 그것을 수정하기 위해 추가해준 것은 알겠는데, 왜 추가안해주었을 시에 스타일 적용이 안되는지가 잘 이해가 가지 않습니다. 실제로 TodoListItem-virtualized에서 추가해준 contents도 사실 TodoListItem에 다 포함되어 있는데, 왜 적용이 안되는 것이닞요. 추가로 감싸준 div 태그에 className으로 TodoListItem-virtualized 대신에 TodoListItem을 중복 적용시키니 일부는 제대로 작동하는데 children들의 높이에 범위가 이상하게 적용되더군요. 기초적인걸수도 있으나 답변 부탁드립니다.