요약
React 를 사용하기 위해 초기 기본 설정이다.
nodejs 설치
node -v
npm -v
npx 설치
npm install npx -g
react 언어를 브라우저가 이해할 수 있는 언어로 변경해야함(webpack babel)
npx create-react-app frontend
frontend 는 파일이름으로 react app 생성
cd frontend 이동
npm start 시작 자동 웹창 뜸
git init
git remote add origin https://github.com/mcyoo/jejucleanboysclub
git add .
git commit -m "First App"
git push origin master
기본 제공된 파일 삭제 및 코드 수정
App.js
function App() {
return <div className="App">Hello!</div>;
}
export default App;
index.js
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
페이지 Hello! 뜸