windowing 기법

들어가며 만약 만들고 있는 서비스가 성공해서 100만 개의 피드 데이터가 생성됐을 때, 모든 피드 데이터를 브라우저에 렌더링하게 된다면 어떻게 될까요? 그리고 이를 최적화할 방법은 무엇이 있을까요? 경험 많은 프론트엔드 개발자님에게 받은…

JSX와 React Element

🌟 JSX와 사용하는 이유 JSX는 React.createElement 함수의 문법적 설탕이다.JSX 사용해서 React 컴포넌트를 작성하면 가독성이 향상된다. 🌟 JSX를 바벨로 컴파일 컴파일 전 <div id="parent…

Virtual DOM

💡개념 및 용어 정리 Virtual DOM(V DOM) - 가상 돔Real DOM(R DOM == DOM) - 실제 돔React의 화면 갱신 과정 렌더 단계 - 실제 DOM에 반영할 변경 사항을 파악하는 단계. 변경 사항을 파악하기 위해서…