목록React & Next.js (42)
Mi Lugarcito
yarn add react-text-truncate Texts.js import TextTruncate from 'react-text-truncate'; import React from 'react'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/CardContent'; import { withStyles } from '@material-ui/core/styles'; import Grid from '@material-ui/core/Grid'; import Button from '@material-ui/core/Button'; import Typography from '@material-ui/cor..
Command failed with exit code 127. yarn install / npm install 후 실행해보기
//vscode 터미널에서 //이 버전은(@6.2.1) 나중에 webpack.config.js 에서 plugins: [ new CopyWebpackPlugin([{ context: './public', from: '*.*' }]), ], //이렇게 처리해줘야한다. yarn add --dev copy-webpack-plugin@6.2.1 webpack.config.js () 'use strict' const path = require('path'); const CopyWebpackPlugin = require('copy-webpack-plugin'); module.exports = { entry: { main: ['./src/main.js'] }, output: { path: path.resolve(__d..
Words.js import React from 'react'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/CardContent'; import Typography from '@material-ui/core/Typography'; import { withStyles } from '@material-ui/core/styles'; import Grid from '@material-ui/core/Grid'; import Button from '@material-ui/core/Button'; import Fab from '@material-ui/core/Fab'; import AddIcon from '..
Words.js import React from 'react'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/CardContent'; import Typography from '@material-ui/core/Typography'; const databaseURL = "https://word-cloud-1e33e-default-rtdb.firebaseio.com/"; class Words extends React.Component { constructor() { super(); this.state = { words: {} }; } _get() { fetch(`${databaseURL}/words...
yarn add react-router-dom Home.js import React from 'react'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/CardContent'; class Home extends React.Component{ render(){ return( React 및 firebase 기반의 워드 클라우드 어플리케이션 ) } } export default Home; Texts.js import React from 'react'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/cor..
AppShell.js import React from 'react'; import { withStyles } from '@material-ui/core/styles'; import AppBar from '@material-ui/core/AppBar'; import Drawer from '@material-ui/core/Drawer'; import MenuItem from '@material-ui/core/MenuItem'; import IconButton from '@material-ui/core/IconButton'; import MenuIcon from '@material-ui/icons/Menu'; const styles = { root: { flexGrow: 1, }, menuButton: { m..
//일반 cmd 창에서 npm install -g yarn //vscode 터미널에서 설치 yarn init name (MyReactTutorial): wordcloud yarn add react react-dom yarn add --dev webpack webpack-dev-server yarn add --dev babel-core babel-loader babel-preset-react-app yarn add --dev webpack-cli npm link webpack aonee.tistory.com/6 Cannot find module 'webpack' 문제점 npm install --save-dev webpack-cli webpack-dev-server하여 설치했음에도 불구하고 webpack이 ..
app.js import logo from './logo.svg'; import './App.css'; import { Component } from 'react'; import Customer from './components/Customer'; //고객추가양식 import CustomerAdd from './components/CustomerAdd'; import Paper from '@material-ui/core/Paper'; import Table from '@material-ui/core/Table'; import TableHead from '@material-ui/core/TableHead'; import TableBody from '@material-ui/core/TableBody'; im..
icons 라이브러리 설치부터 먼저 해주기 ** 주의 ** client 폴더에 설치해야한다!! cd client // client 폴더로 이동 npm install --save @material-ui/icons //client 폴더에 설치하기 cd .. // 하위폴더로 빠져나오기 yarn dev //실행하기 material-ui.com/components/app-bar/ App Bar React component - Material-UI The App Bar displays information and actions relating to the current screen. material-ui.com import AppBar from '@material-ui/core/AppBar'; import Tool..