toy project 보안

방예서·2022년 5월 16일
0

고민해볼 것

  • BEM 방식

  • 클린 코드 작성 방법
    주석 사용 잘 작성하거나 코드의 가독성을 높일 수 있는 작성법

  • 효율적인 코드
    함수를 만들어 사용하거나, 삼항 연산자, case문 등

수정할 것

매니저님이 피드백 주신 내용과 발표를 들으며 수정하고 싶은 부분이 생겼다.

  • 사용내역 부분
    내 코드에서는 월 부분이 바뀌면 추적이 안 된다는 피드백을 주셨는데, 해당 부분은 내가 의도한 것이었으나 실제로 다른 달이 되면 잘 작동될까 싶어서 이것저것 만지다가 다른 이슈가 발생하여 그것을 해결하였다.

    • timezone 문제
  • 함수로 만들어 사용하기
    중첩 for문을 방지하고 코드의 재사용성을 위해 어떤 기능을 하는 부분은 함수로 만들어서 사용해야겠다.

  • className 사용
    class 이름 하나를 지정할 때는 classList.add 보다 className 을 사용하는 것이 좋다고 하셔서 해당 부분을 수정했다.

  • swith문

  • chart 부분 data fetch
    하드코딩 되어있는 chart data 부분도 data fetch 해서 보여주기

추가해보고 싶은 기능

  • 드래그 애니메이션
  • 월별 사용내역
    지금은 데이터가 5, 6월 밖에 없어서 한 달 사용내역만 모두 보여줄 수 있게 구현하였다. 나는 한 달동안의 기준을 잡고 얼마나 남았는지를 보여주는 기능들을 보고 한 달 사용내역이라고 생각했다. 그래서 오늘을 기준으로 이번 달 사용내역만 보여줄 수 있게 했다.
    하지만 사용자 입장에서 과거의 내역도 보고 싶을 수 있으니까 input 태그의 select를 사용해서 원하는 월의 내역도 볼 수 있게 하는 기능을 넣으면 어떨까 생각했다. 구현할 수 있을지는 모르겠음
profile
console.log('bang log');

0개의 댓글