my-app 프로젝트

my-app 프로젝트

-      index.js : 앱의 진입점 역할

-      ReactDOM.render(

-        <React.StrictMode>

-          <App />

-        </React.StrictMode>,

-        document.getElementById('root')

-      );

 

 

-      document.getElementById('root')

-       root에 렌더링 (화면에 출력) :

-      index.html의 <div id="root"></div> 영역에 렌더링

 

 

-      ReactDOM.render

-      컴포넌트를 페이지에 렌더링 하는 역할

-      첫 번째 파라미터 : <App /> :  페이지에 렌더링할 내용 (JSX 형태)

-      두 번째 파라미터 : document.get….(‘root’) : 렌더링할 document  내부 요소 설정 (위치)

-      index.html 안의 <div id="root"></div>에 렌더링

 

 

-      <React.StrictMode>

제한 기능 : 리액트 프로젝트에서 나중에 사라지게될 레거시(옛날) 기능을 사용하지 못하게 제한하는 기능

 

export default App;

-      컴포넌트를 외부에서 사용할 수 있도록 내보내는 역할