코로나 발생 시점부터 현재까지 국내 확진자 현황 데이터를 활용하여 그래프를 작성하고 추가적인 공지사항, 로그인, 회원가입, 데일리 리포트 기능을 구현하였다.
수업시간에 배웠던 axios로 API데이터를 매핑하여 가져오는 방식으로 자료를 작성하였고, 게시판을 구현하는 기능을 STS4에서 Springboot 프레임워크를 활용해서 만들었다.
(1) 메인페이지
차트① 월별 국내 확진자 현황을 실시간 데이터값으로 매핑 받아와서 구현함
'https://api.covid19api.com/total/dayone/country/kr'에서 오픈 API 제공받아서 데이터값 출력 함
차트② 월별 격리자 현황을 선형 그래프로 나타냄, 데이터를 매핑받는 방법은 차트①과 동일하고 휴가철에 확진자가 급증하는것을 그래프를 통해서 확인할 수 있음
차트③ 도넛그래프를 넣어서 위에서 언급되어있는 데이터를 한눈에 확인할 수 있게 추가함.
(2) 실시간 데일리 리포트
국내 감염 발생 건을 기록한 데이터 값을 볼 수있게 테이블을 만들어서 출력함
최초 발생 시점부터 현재까지 데이터를 불러올 수 있음
(3) 회원가입 페이지
(4) 로그인 기능
(5) 공지사항(게시판) 기능
게시판에 글쓰기 기능을 추가 하였고, 추가적으로 답글도 가능하게 답글 기능을 추가하였다.