Blog

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