bytrustu tech blog

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

전역 상태관리 링크 React의 Context API 는 컴포넌트 트리 안에서 전역적으로 접근 가능한 데이터를 관리할 수 있는 방법을 제공한다. 이것은 컴포넌트가 상위 컴포넌트에게서 Props를 전달받아야 하는 경우보다 편리하게 전역 상태를 관리할 수 있게 해 준다. Props로 데이터를 전달할 경우 발생할 수 있는 문제 리액트는 컴포넌트에게 데이터를 전달해주어야 할 때 Props를 통해 전달한다. 부모와 자식 컴포넌트 간의 depth가 깊어질수록 여러 컴포넌트를 거쳐 연달아서 Props를 설정해주어야 하는 불편함이 있다. 이러한 경우를 Props Drilling이라고 부른다. Context API는 이와 같은 문제해결을 하기 위해 Context를 생성하여 컴포넌트 계층 간의 데이터 전달을 쉽게 해주는 ..