목록virtual DOM (1)

bytrustu tech blog

[F-Lab] 기술문제 풀어보기

에프랩 지원서를 넣은 이후에 메일이 왔다. 풀어볼 만한 기술 문제라고 함께 적혀 있었는데, 프론트엔드 기술면접에 주로 출제되는 가상 돔의 내용이었다. SPA 프레임워크를 사용하게 되면 가상 돔에 대한 이론을 접할 수 있다. 실제 돔에 반영하기 이전에 가상 돔에서 수정된 돔 트리를 비교해서 반영될 부분만 갱신한다라고만 간단하게 이해하고 있었다. Reconciliation이라는 용어도 생소하여 이번에 학습해보게 되었다. Virtual DOM(Virtual Document Object Model) 이란? VDOM은 실제 DOM을 추상화한 개념으로, 실제 DOM을 직접 조작하는 것 대신에 VDOM을 조작하여 그것을 이용하여 실제 DOM을 갱신하는 기술이다. React는 항상 두 개의 VDOM을 가지고 있다. 1..
교육/F-Lab 2023. 1. 1. 03:08
이전 Prev 1 Next 다음