https://themes.material-ui.com/
사이트에 무료 demo 버전 ui를 제공해줍니다 ! 그래서 제가 만든 i18n에 ui를 붙혀보았습니다 !
완전 유용한 사이트에요!!!
그럼 코드로 보시죠 !
많은 ui example 들이 있습니다 저는
이 ui 를 사용했습니다.
사용할 경로에 git clone https://github.com/devias-io/react-material-dashboard.git 를 입력해줍니다
(git이 설치되었다는 경우하에) 아니면 git 설치를 해야합니다 그부분은 => 이쪽으로
설치를 한뒤 터미널에서 npm install, yarn install 을 한 뒤 yarn start를 입력해주면
이렇게 defualt 사이트가 나옵니다 저는 이 ui와 제 i18n을 customizing 해봤습니다.
결과는
이렇게 나왔습니다.
기본 프로젝트를 할 때 ui를 이렇게 처음부터 잡아주면 굉장히 편리 할 것 같습니다 ! 감사합니다 :)
'React' 카테고리의 다른 글
리액트의 인라인 스타일링 ! React Inline Styling (0) | 2019.08.19 |
---|---|
React + Nodejs 서버 연동하기 (초보용) (0) | 2019.08.13 |
Babel 이란 ? (0) | 2019.08.12 |
react-i18next 적용해보기 (다국어 처리) (0) | 2019.08.09 |
리액트로 웹에서 Hello world 보여주기 ! (0) | 2019.08.06 |