[React] 프로젝트 시작 FLOW

github에서 new repository 생성

생성된 repository에서 'Code'를 누른 뒤 HTTPS 주소 복사

git clone 원격저장소주소

cd 프로젝트명
git remote -v

npx create-react-app 프로젝트명

cd 프로젝트명
ls -al

cd ..
git status

git add .
git commit -m "커밋명"
git push origin 원격이름

cd react_study_2024
npm start

화면 확인

npm install styled-components

App.js

import { Page } from './App_Components';

function App() {
  return (
    <Page>
    </Page>
  );
}

export default App;

App_Components

import styled from 'styled-components';

// 전체 배경 컴포넌트
export const Page = styled.div`
    width: 100vw;
    height : 100vh;

    display: flex;
    
    background-color: #FBF9F1;
    color : #092635;

    margin : 0px;
    padding : 30px;
`;

npm install react-router-dom