| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- mixin pattern
- 자바스크립트
- 자바스크립트 딥다이브
- peerdependencies
- 제너레이터와 async/await
- js pattern
- Babel과 Webpack
- 진행기록
- 브라우저의 렌더링 과정
- 모던 자바스크립트 Deep Dive
- 학습내용정리
- 이벤트
- 프론트엔드 성능 최적화 가이드
- DOM
- 이미지 갤러리 최적화
- version management
- 자바스크립트 패턴
- 프로그래머스
- 딥다이브
- 새 코드 받아오기
- 스코프
- middleware pattern
- 올림픽 통계 서비스 최적화
- js pattern
- pr review
- const
- unique identifiers
- 커리어
- 블로그 서비스 최적화
- package management
- Today
- Total
목록Projects/Covid19 Tracker (3)
Dev Blog
Completed Map_20210430_Day3
[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 컴포..
Category/Data table/Basic Map_20210429_Day2
[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 ..
Initial Set up & Covid19 API_20210428 _Day1
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..
