[myCart] 프로젝트 세팅 (VITE)

 

해당 프로젝트는 백엔드는 스프링 부트로 할거라서 파이어베이스는 사용하지 않는다.

 

 

$ npm create vite 

 

mycart 프로젝트 생성

 

react -> javascript 선택

 

cd mycart 

 

npm i

 

code .

 

npm run dev

 

App.jsx

import "./App.css";

function App() {

  return (

    <div className="app">

      <nav>Navbar</nav>

      <main>라우팅</main>

    </div>

  );

}

export default App;

 

 

App.css

.app {

  display: grid;

  grid-template-rows: 80px auto;

}

 

rows 위 아래로 나눈다. 

.app에서 제일 처음 오는 nav가 80px이고 main는 auto를 준다. 

 

 

index.css

@font-face {

  font-family: "GmarketSansMedium";

  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")

    format("woff");

  font-weight: normal;

  font-style: normal;

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "GmarketSansMedium", sans-serif;

}

body {

  font-size: 16px;

  background-color: #f6f8fa;

}

 

폰트

https://noonnu.cc/font_page/366

눈누