• 좀 더 간단히 사용자 인터페이스를 구축하기 위함

• 리액트는 컴포넌트가 전부이다.

• 모든 사용자 인터페이스는 컴포넌트이다.

• 컴포넌트 도입이유

  • 우려사항의 분리
  • 재사용성

• 왜 컴포넌트가 중요한가

  • 리액트로 작업할 때는 HTML, CSS, JS를 결합한다.

표준 리액트 프로젝트 분석하기

• public/index.html 은 react에 존재하는 단일 html 파일이 될 것이며 엔트리포인트로서 React가 관리하는 사용자 인터페이스 전반이 렌더링될 위치가 된다.

/* public/index.html */

<div id="root"></div>

• 이 <div> 안에 React가 관리하는 사용자 인터페이스가 연결 또는 주입된다.

• src/index.js 를 보면

const root = ReactDOM.createRoot(document.getElementById("root"));

위와 같이 “root” 태그에 대한 부분이 나타나있다.