[Issue] Calendar 페이지 구현

[Jaejeong-Lee]

✅ Calendar 페이지 구현

📌 위치
pages/Calendar/CalendarMain.vue
assets/calendar.css

📝 설명
캘린더 - 이번 달 전체 수입/지출 확인 및 날짜 클릭 시 입력 팝업 표시

📋 Todo

• 기본 설정
• 라우터 등록
• db.json 반영
• issue 작성
• 주석 달기 -> 설명 자세히!
• 변수 작성
• 캘린더 구성
• 캘린더 기본 형태 구성
• 캘린더 전 달 몇 일/ 다음 달 몇 일 나오는 부분 회색 처리 (월 변경에 따른)
• 캘린더 CSS 예쁘게 만들기
• 헤더 header 구성
• 년, 월 변경 -> 화살표 버튼으로 전/후 가능
• 년/ 월 CSS 적용
• 월 별 총 수입/지출액 상단 표시 -> 색상 적용하기
• 일 별 구성
• 날짜 클릭 시 입력 팝업 표시
• 입력 팝업에 해당 날짜 뜨게 하기
• 일 별 수입/지출/잔액 표시 -> 색상 적용하기
• 반응형 적용
• 글씨체 줄어들기
• 정렬 세로 변경
• 셀 크기 줄어들기
• 페이지 이동
• 페이지 이동 버튼 생성
• 페이지 이동하기 -> 월 별 전체 리스트 페이지
• marge
• marge 성공하기!!