리액트 (2) 썸네일형 리스트형 리액트 react-device-detect로 디바이스 구분하기 react-device-detect 패키지로 프론트단에서 디바이스를 구분해서 개발할 수 있다. 패키지 설치 npm install react-device-detect --save js에서 import해준다. import {BrowserView, MobileView, isBrowser, isMobile} from "react-device-detect"; BrowserView, MobileView는 태그로 사용해서 PC인경우 BrowserView, 모바일인경우 MobileView에 개발한 코드가 출력된다. isBrowser, isMobile은 조건으로 사용하면된다. PC 화면 모바일 화면 isMobile, isBrowser 예시 let initMapLevel = 7; if(isMobile){ initMapLe.. React 2. react-router-dom 라우터 사용 create-react-app환경에서 저번에 만든 튕기는공과 material-ui의 Sign, Album 페이지를 라우팅 해보기로 한다. @material-ui/core, @material-ui/icons, react-router-dom을 npm으로 설치해준다. material-ui에서 제공하는 template에서 Album과 Sign을 가져온다 https://material-ui.com/getting-started/templates/ Album.js import React from 'react'; import AppBar from '@material-ui/core/AppBar'; import Button from '@material-ui/core/Button'; import CameraIcon from.. 이전 1 다음
