728x90 React2 [React] ReactDOM ReactDOM은 자바스크립트 라이브러리 중 하나로, React와 DOM 사이의 다리 역할을 합니다. DOM(Document Object Model)이 웹페이지의 실제 인터페이스라면 React는 Virtual DOM을 생성해서 작동합니다. ReactDOM은 변경된 구성 요소들을 Virtual DOM에 전달하고, 실제 DOM에서 렌더링하는 과정을 담당합니다. Virtual DOM 자체는 아니지만, Virtual DOM을 바탕으로 UI를 효과적으로 변경한다고 생각하면 됩니다. 먼저 ReactDom을 사용하기 위해서 다음과 같이 import를 해야 합니다. import React from 'react'; import ReactDOM from 'react-dom'; 다음은 ReactDOM을 활용해서 HTML 요.. 2024. 1. 3. [React] React에 대하여 React는 메타(구 페이스북)에서 개발한 오픈소스 자바스크립트 라이브러리입니다. React는 서버가 담당하던 화면 처리 작업들을 자바스크립트를 통해서 브라우저가 처리하는 SPA(Single Page Application)의 형식을 전제로 하고 있습니다. 비슷한 기능을 하는 프레임워크들은 Vue.js나 Angular.js가 있으나, 현재는 React가 가장 많이 쓰입니다. React의 장점 1) 컴포넌트(Component) 재사용 가능 React는 UI를 독립적인 부품인 컴포넌트로 분리한 뒤, 이 컴포넌트들을 조합하는 컴포넌트 기반 구조를 따릅니다. 화면의 각 부분들이 구분되어져 있기 때문에 전체 코드를 파악하기가 쉽습니다. 그리고 각 컴포넌트를 별개의 파일로 저장할 수도 있기 때문에 코드를 재사용하기에.. 2024. 1. 3. 이전 1 다음 반응형
