React(리액트) 설치

mcyoo.log·2022년 6월 26일
0

react

목록 보기
1/2

요약
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! 뜸

0개의 댓글