search

swsnu / swpp2019-team6

Triplannet helps you to share and organize your travel plans easily.
3 stars 1 forks source link

[UI Framework] Material UI #25

Open jang1suh opened 4 years ago

jang1suh commented 4 years ago

https://material-ui.com/

jang1suh commented 4 years ago

Material UI을 중점적으로 사용하여 UI 구성을 진행하도록 하겠습니다.

jang1suh commented 4 years ago

Installation

  1. Core
// with npm
$ npm install @material-ui/core

// with yarn
$ yarn add @material-ui/core
  1. SVG Icons 
    
// with npm
$ npm install @material-ui/icons

// with yarn $ yarn add @material-ui/icons


3. Roboto Font

`<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />`

OR

$ npm install typeface-roboto --save



WITH

`import 'typeface-roboto';`
deploy-soon commented 4 years ago
  1. Roboto Font 는 프로젝트 전반적으로 적용되도록 해야하는건가요?
jang1suh commented 4 years ago 
3. `Roboto Font` 는 프로젝트 전반적으로 적용되도록 해야하는건가요?

저도 정확히는 파악하지 못했는데, TypoGraphy 컴포넌트에 글꼴이 적용되게 하려면 사용되는 곳에 저 링크를 넣어줘야 한다고 이해하긴 했어요. 좀 더 자세히 알게되면 또 적겠습니다

deploy-soon commented 4 years ago

네 index.js 혹은 index.css에 넣어두고 프론트 처음 접근할 때 글꼴 다운 받도록 하면 될 것 같아요