[인텔리제이] 부트 + 리액트 / 원프로젝트

인텔리제이 File > Setting > Plugins 들어간 후 node 검색.. 아래처럼 installed 확인

 

 

 

npm install -g create-react-app

create-react-app frontend

 

cd frontend

npm start 

 

또는 

 

yarn 설치 후 start 하기

 

npm install -g yarn

yarn start

 

 

 

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(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  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'));
 

Hello, World 부터 시작합니다