React

App.jsx -> main.jsx -> index.html결국 화면에는 index.html만 출력되는 것

리액트에서 독립적이고 재사용 가능한 UI 단위HTML, JS, CSS를 하나로 묶어 표현할 수 있음재사용성 : 한 번 만들면 여러 곳에서 <컴포넌트명 />으로 쉽게 사용 가능독립성 : 다른 컴포넌트와 충돌 없이 개별적으로 동작UI 조각화 : 큰 페이지를 작은 단위

1. React Router란? 정의 SPA(Single Page Application)에서 화면 전환 시 새로고침 없이 컴포넌트만 교체할 수 있도록 지원하는 라이브러리 특징 브라우저의 주소(URL)와 컴포넌트를 연결 실제 페이지 이동 없이, 가상의 경로(Virtu

정의: HTML 문서의 구조를 객체로 표현한 모델구성Element: HTML 태그 (div, input, p 등)Attribute: 태그 속성 (class, id, style, src, href 등)정의: 실제 DOM을 직접 다루지 않고, 가상 DOM(Virtual D

전역 상태 관리 라이브러리서로 다른 컴포넌트 간의 상태(값)을 효율적으로 공유전역 상태를 저장하는 Store(저장소) 생성여러 컴포넌트에서 일관성 있는 상태 유지전역 변수처럼 활용로그인 상태 (비밀번호 X, 단순 로그인 여부만)테마(다크/라이트 모드)자동 로그인 여부사