[ADD]Make Covid19 Map function - Utilize Leaflet Service for making Map - Circles for Covid19 / Recovered / Deaths - Detect location of country and zoom-in - Click Effects on infoboxes by CSS 맵 구현 1) useEffect in App.js, 모든 국가의 바이러스 관련 데이터를 fetch 해온다 await fetch("https://disease.sh/v3/covid-19/countries") 2) setMapCountries 의 상태로 데이터 저장 3) 상태값 mapCenter, mapZoom, mapCountries, casesType 을 Map 컴포..

[ADD]Worldwide new cases Bar Chart - Utilize React-Chart-js2 - Use Bar Element instead of Line Element 국가별 실시간 확진자수 목록 렌더링(Live Cases by Country) 1) useEffect, 모든 국가의 바이러스 관련 데이터를 fetch 해온다 await fetch("https://disease.sh/v3/covid-19/countries") data 2) sortData function 을 이용, value(cases) 값 기준으로 국가들을 내림차순 정렬 3) setTableData(sortedData) 상태에 저장 4) Table Component 에 sortedData 를 렌더링 App.js import ..

Framework [ADD]Make Category function and Data table - Make Coronavirus/Recovered/Deaths Info Boxes - Get data from disease.sh(API) and Structure through Material UI Covid19 API(Fetch Data) import React, { useState, useEffect } from 'react' import './App.css'; import { MenuItem, FormControl, Select, Card, CardContent } from "@material-ui/core" import InfoBox from './Infobox' import Map from './M..

How to do initial setting Structure of Database How to make CRUD function Efficient State management How to make table How to do initial setting(how to find database) Creates and initializes a Firebase app instance. firebase.js import firebase from "firebase/app"; import "firebase/database"; import dotenv from "dotenv"; dotenv.config(); var firebaseConfig = { apiKey: process.env.REACT_APP_APIKEY..

Source from: react.vlpt.us/basic/27-useful-tools.html

The steps to take 1. Create an account on console.aws.amazon.com 2. Create a user and a new bucket. Note the accessKeyId, the secretAccessKey and ARN 3. Add policy to the bucket and the user, add CORS to the bucket. 1) policy { "Version": "2012-10-17", "Statement": [ { "Sid": "AddCannedAcl", "Effect": "Allow", "Principal": { "AWS": [ "arn:my arn" ] }, "Action": [ "s3:PutObject", "s3:PutObjectAcl..