210910(금) - 홈페이지 콘텐츠 변경

목차

• 홈페이지 콘텐츠 변경

홈페이지 콘텐츠 변경

지난번에 구글 폼을 이용한 설문 결과를 막대그래프를 사용하여 표현했다. 현재는 수동으로 데이터를 넣어 사용자에게 보여주고 있지만, 다음 스프린트에서는 자동으로 바꿀 계획이다. (사실 아직은 계획이라 모른다ㅠ). 이 부분을 구현하면서 신경을 썼던 부분은 화면마다 크기를 조정해야 했던 부분이다. 막대그래프가 높이보다 너비가 더 길어서 스크롤로 보여주기도 애매했다. 그래서 width 속성에 각 막대의 수치 값과 화면의 길이가 반영된 vw, 조정하기 위한 상수를 이용해, 막대의 길이가 동적으로 변할 수 있도록 했다. 추가적으로 페이지를 새로 들어가거나, 새로 고침 했을 때, 막대가 미리 그려져 있고 시간에 따라 다시 그려지는데 처음에 그러져 있지 않고 시간에 따라 막대가 애니메이션이 적용되도록 수정해봐야겠다.