반응 및 ReactDom

React.js가 무엇인가요?

일반적으로 React로 알려진 React.js는 무료 오픈 소스 JavaScript 라이브러리입니다. React.js 프레임워크 라이브러리는 Facebook에서 개발했습니다.

React에서는 재사용 가능한 구성 요소를 만들어 애플리케이션을 개발합니다. 이러한 구성 요소는 최종 인터페이스의 개별 부분으로, 조립될 때 애플리케이션의 전체 사용자 인터페이스를 형성합니다. 이는 React 애플리케이션을 매우 쉽게 업데이트하고 유지 관리할 수 있도록 합니다.

ReactJS의 중요한 기능은 다음과 같습니다.

JSX
구성품
단방향 데이터 바인딩
가상 DOM
간단
성능
JSX
JSX는 JavaScript XML을 나타냅니다. JavaScript 구문 확장입니다. ReactJS에서 사용하는 구문과 같은 XML 또는 HTML입니다. 이 구문은 React Framework의 JavaScript 호출로 처리됩니다. HTML과 유사한 텍스트가 JavaScript 반응 코드와 공존할 수 있도록 ES6을 확장합니다. JSX를 반드시 사용할 필요는 없지만 ReactJS에서 사용하는 것을 권장합니다.'

JSX 코드의 예:

`render(){
    return(
      <div>
        <h2>Hello AltSchool</h2>
      </div>
    )
}`

구성품
ReactJS는 구성 요소에 관한 것입니다. ReactJS 애플리케이션은 여러 구성 요소로 구성되며 각 구성 요소에는 고유한 논리와 컨트롤이 있습니다. 이러한 구성 요소는 재사용할 수 있으므로 대규모 프로젝트에서 작업할 때 코드를 유지 관리하는 데 도움이 됩니다.

가상 DOM
가상 DOM 객체는 원래 DOM 객체의 표현입니다. 단방향 데이터 바인딩처럼 작동합니다. 웹 애플리케이션에서 수정이 발생할 때마다 전체 UI가 가상 DOM 표현으로 다시 렌더링됩니다. 그런 다음 이전 DOM 표현과 새 DOM 간의 차이를 확인합니다. 완료되면 실제 DOM은 변경된 사항만 업데이트합니다. 이렇게 하면 응용 프로그램이 더 빨라지고 메모리 낭비가 없습니다.

간단
ReactJS는 JSX 파일을 사용하여 애플리케이션을 간단하게 만들고 코딩 및 이해합니다. JSX 파일은 JavaScript가 포함된 HTML 파일입니다. 이것은 코드를 더 읽기 쉽고 이해하기 쉽게 만듭니다.

ReactJS는 필요에 따라 코드를 재사용할 수 있도록 하는 구성 요소 기반 접근 방식입니다. 이렇게 하면 사용과 학습이 간편해집니다.

성능
ReactJS는 뛰어난 성능을 발휘하는 것으로 알려져 있습니다. 이 기능은 오늘날의 다른 프레임워크보다 훨씬 뛰어납니다. 그 이유는 가상 DOM을 관리하기 때문입니다. DOM은 HTML, XML 또는 XHTML을 처리하는 크로스 플랫폼 및 프로그래밍 API입니다. DOM은 전적으로 메모리에 존재합니다. 이로 인해 구성 요소를 만들 때 DOM에 직접 쓰지 않았습니다. 대신 우리는 더 부드럽고 빠른 성능을 제공하는 DOM으로 전환될 가상 구성 요소를 작성하고 있습니다.

*돔이란? *

Document Object Model로 약칭되는 DOM은 모든 웹 페이지의 World Wide Web Consortium 표준 논리적 표현입니다. 쉽게 말해서 DOM은 웹 사이트의 모든 요소와 속성을 노드로 포함하는 트리와 같은 구조입니다. DOM은 웹 페이지의 모든 요소 콘텐츠에 액세스하고 업데이트할 수 있는 언어 중립적인 인터페이스를 제공합니다.

*ReactDOM이란? *

ReactDOM은 웹 페이지의 DOM 요소를 효율적으로 관리할 수 있도록 웹 앱의 최상위 수준에서 사용할 수 있는 DOM 관련 메서드를 제공하는 패키지입니다. ReactDOM은 개발자에게 다음 메서드와 몇 가지 추가 메서드가 포함된 API를 제공합니다.
세우다()
findDOMNode()
unmountComponentAtNode()
수화 시키다()
createPortal()

React JS를 배워야 하나요?

React는 가장 인기 있고 수요가 많은 JavaScript 라이브러리 중 하나로 빠르게 형성되고 있습니다. 따라서 React 개발자에 대한 수요가 매우 높습니다. 결과적으로 React를 사용할 줄 아는 개발자를 위한 다양한 직업이 있습니다.

전반적으로 React 개발자에 대한 수요가 높고 작업 범위가 넓습니다. React 개발자라면 자신의 기술과 관심에 맞는 직업을 찾을 수 있어야 합니다.