본문 바로가기

React

(32)
Styled Router Redux 구현 LV2 ✅1. IP 주소를 입력하세요. https://react-lv2-router-redux-styled.vercel.app/ ✅2. GitHub 주소를 입력하세요. https://github.com/webcreastory/LV2_RouterReduxStyled.git ✅ 3. 페어와 LV1 개인 과제 리뷰한 깃허브 이슈 링크를 입력하세요.(페어 김서연) https://github.com/webcreastory/16_WEEK_LV1/issues/1#issue-2057050011 ✅ 4. 상세 페이지 이동을 위해 react-router-dom 라이브러리를 사용하셨을 거예요, CRA 라우팅이란 무엇인가요? 사용자가 URL을 변경할 때마다 다른 React 컴포넌트를 렌더링하여 화면을 업데이트할 수 있습니다...
Virtual DOM, props, state ✅Virtual DOM은 React에서 사용되는 가상의 DOM 구조입니다. 가상의 DOM으로 실제 DOM과 동기화하여 성능을 향상시키는 역할을 합니다. 이는 UI를 업데이트할 때 전체 DOM을 새로 그리는 것이 아니라, 변경된 부분만을 찾아 실제 DOM에 적용하여 효율적으로 업데이트할 수 있게 해줍니다. 1️⃣ 가상의 복제품: 실제 DOM의 가벼운 복제품으로 React가 UI 상태 변경을 추적하는 데 사용합니다. 2️⃣ 효율적 업데이트: React는 가상 DOM을 사용하여 UI 변경 사항을 감지하고, 이전과 새로운 가상 DOM 사이의 차이를 계산합니다. 그 후 변경된 부분만을 실제 DOM에 반영하여 최소한의 업데이트만 수행함으로써 성능을 향상시킵니다. 3️⃣ 재조정 및 최적화: 변경 사항을 일괄적으로 처..