React

Firebase는 인증·데이터베이스·호스팅 같은 앱의 필수 백엔드 기능을 서버 없이 바로 쓰게 해주는 Google의 올인원 개발 플랫폼

React Router DOM은 SPA 환경에서 History API를 기반으로 URL과 컴포넌트를 연결해, 새로고침 없이 페이지 전환·중첩 레이아웃·동적 라우팅까지 일관되게 관리할 수 있게 해주는 React 공식 라우팅 솔루션

리액트에서는 상태(state)가 UI를 결정하고, 이벤트는 상태만 변경하며, UI 변화는 조건부 렌더링을 통해 자동으로 따라온다

React에서 렌더링 문제는 대부분 데이터가 아니라 참조를 잘못 다룬 문제다

클릭 이벤트는 props로 아래로 전달되고, key로 리스트를 구분하며, stepNumber로 현재 위치를 바꿔 history를 잘라 새 상태를 만들어 React 시간여행을 구현한다

React 16.8의 Hooks(useState, useEffect 등)는 클래스형 컴포넌트의 복잡한 생명주기와 상태 관리를 함수형으로 통합하여, 코드의 가독성과 로직의 재사용성을 극대화하고 더 직관적인 설계를 가능하게 한다

서버가 React로 HTML을 먼저 만들고, 브라우저는 그 HTML을 받아서 hydrate로 React 앱으로 되살린다

서버가 React로 HTML을 먼저 만들고, 브라우저는 그 HTML을 받아서 hydrate로 React 앱으로 되살린다

서버가 React로 HTML을 먼저 만들고, 브라우저는 그 HTML을 받아서 hydrate로 React 앱으로 되살린다

리액트 훅은 “API 사용법”이 아니라, 클로저·참조 비교·함수 재실행이라는 자바스크립트 원리 위에서 렌더링과 부수효과를 의도적으로 제어하기 위한 설계 도구

리액트는 JSX를 객체화하고 파이버(Fiber) 아키텍처 기반의 가상 DOM 재조정을 통해, UI 업데이트를 효율적으로 스케줄링하고 렌더링 성능을 최적화하는 라이브러리

리액트는 자바스크립트의 동등 비교(Object.is 기반 얕은 비교)로 값이 아닌 참조의 변경 여부를 감지해 렌더링을 결정하기 때문에, 객체·함수의 참조 안정성이 곧 렌더링 성능을 좌우함