최적화 (2) 썸네일형 리스트형 [solved]css nested with flex not work when build code 1. module.css 쓰는중 2. scss 아님. 3. 3중 Nested 에서 적용 안되는 현상 발견 4. dev 모드에서는 잘 나오는데build 시에만 안됨 5. Flex만 안되고 다른 코드들은 다 적용이 됨 결론: 빌드시 최적화할 때, 내가 오해여지를 남겨놔서 링커가 이상하게 최적화를 해버렸다. 보자. 원인: css Nested 된다고해서 스타일 코드 깔끔히 하려고 무지성 nested안하다가 빌드할때 이상한 css 최적화에 스타일 코드 날라감 해결방법: DOM 구조 따라가는 nested 하면 됨. 최적화 설정하기 (react-virtualized, immer) react-virtualized 2,500 개 컴포넌트 중 2,491 는 스크롤하기 전에는 보이지 않음에도 불구하고 렌더링이 이루어집니다. react-virtualized를 사용하면 리스트 컴포넌트에서 스크롤되기 전에 보이지 않는 컴포넌트는 렌더링하지 않고 크기만 차지하게끔 할 수 있습니다. 만약 스크롤되면 해당 스크롤 위치에서 보여 주어야 할 컴포넌트를 자연스럽게 렌더링 시킵니다. yarn add react-virualized import React, { useCallback } from 'react'; import { List } from 'react-virtualized'; import TodoListItem from './TodoListItem'; import './TodoList.scss'; c.. 이전 1 다음
