3. 소스 코드 수정 방법

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App'; // App.js 파일로 부터 App 태그가 왔음을 나타냄
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
		  <App /> //오른쪽 동작 UI
  </React.StrictMode>,
  document.getElementById('root')// id값이 root인 태그로 렌더링 되라는 코드
);

App.js

import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
	      Hello React! // 원래 내용 변경시 웹페이지 변경 
    </div>
  );
}

export default App;

public/index.html파일의 id가 root인 부분을 변경 시, 웹페이지도 변경됨

배포 방법

 

npm run build

build 명령은 배포판을 만드는 과정

 

npx serve -s build

build폴더에 있는 index.html 서비스하는 웹 서버 실행