https://bsh6226-blog.pages.dev/posts/Recent content in Posts on 생각정리, 개발정리Hugoko-krTue, 18 Nov 2025 20:09:56 +0900https://bsh6226-blog.pages.dev/posts/291/Tue, 18 Nov 2025 20:09:56 +0900https://bsh6226-blog.pages.dev/posts/291/<h2 id="react-란">React 란</h2> <ul> <li>웹사이트의 UI(화면)를 레고 블록처럼 부품화해서 조립할 수 있게 만든 페이스북(Meta) 개발 프런트엔드 라이브러리</li> <li>선언적 UI(Declarative UI) 패턴과 Virtual DOM을 활용해 상태(State) 변화에 따른 화면 업데이트를 효율적으로 처리해 주는 JavaScript UI 라이브러리 <ul> <li>State 변경 감지 : 사용자의 입력이나 API 응답 등으로 인해 컴포넌트 내부의 상태(State)가 변경</li> <li>선언적 UI : UI를 상태(State)의 함수로 구현하여, 데이터가 주어지면 프레임웍이 알아서 화면을 그림</li> <li>Virtual DOM : 실제 DOM을 직접 조작하는 대신 메모리에 가상 DOM 트리를 유지하며, 변경 사항 발생 시 변경된 최소 부분만 실제 DOM에 반영</li> </ul> </li> </ul> <h2 id="react의-필요성">React의 필요성</h2> <p><strong>전통적인 방식: HTML 중심 (Imperative, 명령형)</strong></p>