금일 진행 사항 필요한 페이지(컨텐츠) 기획 필수 과제 1차 UI 구성 Required Pages main About(+ pair comments) Projects(Works) Studies(Clone Coding + codestates sprints) Skill set Contact + Map (my location) + Chatbot Essentials 이력서에서 내용을 시각화를 통해 다르게 구현할 것. 스택, 프로젝트 -> 차트, 이미지, 애니메이션 등 이력서에서 못다한 컨텐츠를 담을 것. UI(Figma) overview Detail Motivation from https://jacekjeznach.com/ https://yasio.pl/ https://iuri.is/Iuri-de-Paula-Re..

프로젝트 목적 및 기능 1. 나의 소개 2. 프로젝트 소개 3. 연락처 4. 이력서 및 추가적인 내용의 시각적 효과 5. 기존에 적용하고 싶었던 애니메이션 사용 6. 다이나믹 포트폴리오 제작(몰입도 있는 포트폴리오)

[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..