React 설정

npm install -g create-react-app

create-react-app frontend

cd frontend

npm start

현재 열린 cmd 창 말고 새로운 cmd 창을 열고 아래와 같이 typing...

메뉴바 > File > Auto Save 를 클릭하면 V 체크 표시됨.

index.js 를 열면 아래 소스가 보인다.

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App';

import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change

// unregister() to register() below. Note this comes with some pitfalls.

// Learn more about service workers: https://bit.ly/CRA-PWA

serviceWorker.unregister();

상기 소스를 아래와 같이 바꾼다.

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

var elem = React.createElement('h1', { className : 'greeting'}, 'Hello, World !');

ReactDOM.render(elem, document.getElementById('root'));

를 붙인다.

리액트 초기화면이 보이는 브라이저를 새로 고침한다.

Ctrl+Shift+X

사진처럼 chrome 입력 후 V 체크 전부 install