React.js가 무엇인가요(완전한 초보자용)?

여보세요. 나는 당신이 "React"라는 용어를 여러 번 우연히 발견했다는 것을 알고 있으므로 React에 대해 전혀 모른다고 가정하고 설명하려고 합니다.

React는 UI를 구축하기 위한 JavaScript 라이브러리입니다. 모든 웹 애플리케이션에는 프런트엔드(UI/볼 수 있는 모든 것)가 있습니다.

UI를 구축하는 전통적인 방법

HTML(페이지 구조용), CSS(스타일 지정용) 및 JavaScript(대화형 동작용)를 사용합니다.

하나의 주요 문제

JavaScript를 사용하여 킬로그램(kg)을 그램(g)으로 변환하는 것과 같은 복잡한 기능/대화형 동작을 만들려면 어려울 수 있는 DOM 요소를 조작해야 하며 코드베이스를 오염시킬 수 있는 더 많은 코드를 작성해야 합니다.

React를 사용하면 어떻게 될까요?

훨씬 적은 코드를 작성하고 DOM을 직접 조작할 필요가 없습니다. React의 전체 아이디어는 불필요한 복잡성 없이 최종 제품에 집중할 수 있도록 DOM에 대한 추상화를 제공하는 것입니다.

React에 대한 다른 멋진 내용이 있습니까?

아주 많이.

빠름(가상 DOM 덕분에)

초대형 커뮤니티 보유

학습 용이성(프레임워크나 완전한 솔루션이 아니라 라이브러리일 뿐이므로)

JSX 표현식(JavaScript XML)이라는 것을 사용하여 React 구성 요소 내에서 HTML을 작성할 수 있으므로 HTML 파일이 필요하지 않습니다

.

기타

예제 반응 코드

import React from 'react';

function delete(props) {
  return (
    <div>
      <h1>Hello, world!</h1>
    </div>
  );
}

export default delete;