2022/개발2 재조정 (Reconciliation) Reconciliation React Reconciliation – React A JavaScript library for building user interfaces reactjs.org ## Diff Algorithm ### DOM 엘리먼트의 타입이 다를 경우 알고리즘은 이전 트리와 새로 생성한 트리를 비교합니다. 둘의 엘리먼트 타입이 다르다면 더 이상 비교를 하지 않고 이전 트리를 삭제하고 새로 생성한 트리를 DOM에 반영합니다. / 을 비교 -> div와 span 둘의 엘리먼트 타입이 다름 -> 이전 트리 삭제 -> 새로 생선한 트리 DOM에 반영 ### DOM 엘리먼트의 타입이 동일할 경우 엘리먼트가 아닌 엘리먼트의 요소가 변경된 것이라면 변경된 요소만을 변경합니다. /* 이전 트리 */ // .. 2022. 11. 13. 0. 레거시 이 글은 개발 글이 아닌 삽질에 대한 기록만 있습니다. ## 결론 1. CRA는 react-scripts다. 2. CRA의 버전이 오래되면 그 하위의 모듈들도 모두 낙후된 모듈일 것이다. 3. 마이그레이션을 할 때에는 공식문서나 공식 깃헙의 CHANGELOG나 migration guide라는 키워드로 찾아보자. 4. 모듈들의 버전을 너무 오랫동안 방치하지 말아야 한다. ## 인트로 빌드 최적화라는 주제로 글을 작성해보려고 합니다. 제가 일하는 곳은 B2B SaaS 플랫폼으로 하나의 웹앱에 7개의 큰 모듈로 구성되어 있습니다. 모노레포로 관리하고 있어 프로젝트의 크기가 가볍지는 않습니다. 밑의 이미지를 보시면 최적화를 하기 전에 배포하는데 5분 22초 정도가 소요되고 있었습니다. 배포 뿐만 아니라 개발 시.. 2022. 11. 12. 이전 1 다음