
📖 최근에 실무에서 진행하는 프로젝트의 리액트 마이그레이션을 위해 공부하고 있는데, 같은 가상돔이라는 개념을 쓰면서도 어떤 프레임워크(혹은 라이브러리)냐에 따라 접근 방식이 다를 수 있다는 것을 최근에 알게 되었다. 이번 기회에 가상돔뿐만 아니라 React와 Vue의 가상돔 개념까지도 비교하면서 알아보도록 하자! 브라우저의 렌더링 과정 (Critical Rendering Path)브라우저가 화면을 렌더링하기 위해서는 다음과 같은 단계를 거치게 된다. 1. HTML 을 브라우저가 이해할 수 있도록 DOM(Document Object Model)이라는 일종의 객체(node) 로 변환한다.2. CSS 를 브라우저가 이해할 수 있도록 CSSOM(CSS Object Model) 으로 변환한다.3. 그리고 이 ..
지식 한 올
2024. 7. 30. 16:48
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- E2E테스트
- virtualdom
- 모듈화
- React
- 개발
- 자바스크립트
- 일급함수
- 가상돔
- 응집도
- HMR
- 코드리뷰
- 셀레니움
- 인턴
- 데이터검증
- Vue
- gitmoji
- 번들링
- await
- 프론트엔드
- async
- 레거시코드
- 함수형프로그래밍
- webpack
- 번들러
- 일급객체
- 결합도
- 모듈
- 스파게티코드
- 비동기패턴
- 비동기처리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함