일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 이벤트
- 블로그 서비스 최적화
- DOM
- Set과 Map
- 자바스크립트 딥다이브
- var 사용금지
- ES6함수 추가기능
- 스코프
- 네트워크 연결과 구성요소
- 이미지 갤러리 최적화
- 디스트럭처링
- 모던 자바스크립트 Deep Dive
- 프로그래머스
- 자바스크립트
- 프로퍼티 어트리뷰트
- 타입변환과단축평가
- 프론트엔드 성능 최적화 가이드
- 올림픽 통계 서비스 최적화
- 기술컨퍼런스
- Property Attribute
- 브라우저의 렌더링 과정
- 인터넷 장비
- const
- 딥다이브
- 전역변수의문제점
- 빌트인 객체
- 원시값과객체의비교
- 제너레이터와 async/await
- Babel과 Webpack
- 비전공이지만 개발자로 먹고삽니다
- Today
- Total
목록Projects/Covid19 Tracker (3)
JDevBlog
[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..