React - 초기 렌더링 속도를 개선해보자! - [ 1편 ]
✅ 현 회사에서 제가 처음 개발부터 유지보수 및 개정사항을 작업을 한 메뉴가 있습니다. 메뉴 초기 개발만해도 2달 정도가 걸린..😓 가장 애착을 가지고 있는 메뉴인데, 현 회사 특성상 매년마다 계산식이나 UI가 바뀜에 따라 점점 크기 자체가 커지고 있었습니다. (현재 4개년의 개정을 함에 따라 크기가 엄청 커졌습니다.) 그래서 운영버전 초기 렌더링이 오래 걸리는 현상이 생겼고 이를 방치하면 년도가 지날수록 더욱 느려질것이 분명하기에 개선해보고자 공부하고 글을 작성합니다. 🧐 문제 파악 문제 파악 전 알아야 개념 번들 (Bundle) : 묶는다라는 뜻 번들링 (Bundling) : 기능별로 모듈화한 js 파일들을 묶어주는 것, 서로 연관(의존성)있는 js 파일들을 하나의 번들 파일로 묶어주는 것 번들러 (..
JavaScript/React
2022. 7. 21. 18:05
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- redux
- Next.js
- 타입스크립트
- Virtual Scroll
- React로 쓰로틀링 디바운싱 구현
- redirects
- rewrites
- 호이스팅
- 렌더링 속도 개선
- react
- javascript
- array
- next.js에 .gitignore가 적용되지 않을 때
- 자바스크립트 동작원리
- programmers
- vue
- 시맨틱 웹
- 자바스크립트 비동기 동작원리
- 매겨변수와 인자
- 목표 일기
- 1급 함수
- next.js 환경변수
- typescript
- 1급 객체
- zustand
- debouncing
- 가상스크롤
- useRef
- 1급 시민
- 함수형 컴포넌트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함