[React] React 샘플 웹 app 코드 수정하기

react-app 디렉토리의 public 디렉토리

 - index.html 파일이 있다.

 - 아래 사진의 오른쪽 창(React 샘플 웹 app)이 웹브라우저에서 index.html을 실행한 결과이다.

 

index.html 파일의 <div id="root"></div>

 - React를 통해 만든 컴포넌트들은 id가 root인 곳 안에 들어가도록, create react app이 약속했다. (id 이름은 바꿀 수 있다.)

 - id가 root인 태그 안쪽에 들어가는 컴포넌트들은 src 디렉토리 안의 파일을 수정해서 만들 수 있다.

 

사용자 정의 태그 App

 - React 샘플 웹 app을 실제로 구현하는 태그