화면구성

[kyung8721]

• [x] 로그인
• [x] 회원가입
• [x] 메인화면
• [x] 고정비 작성
• [x] 내역
• [x] 예산짜기
• [x] 통계-지출
• [x] 통계-수입
• [x] 자산
• [x] 마이페이지

[kyung8721]

드롭다운 구현

처음 드롭다운 구현을 위해 가져온 코드 : 드롭다운 메뉴가 뜨지 않아 인터넷에 나온 대로 부트스트랩 적용 링크 및 스크립트의 위치를 바꿔보고 다른 예시를 따라 써보기도 했으나 전부 실패.

• 수정 :

  부트스트랩 5 미만 버전은 이 코드를 써야하는 게 맞다!!! 이제야 알았지만 나는 처음에 부트스트랩은 4.6대 버전을, 코드는 부트스트랩 5 이후 버전을 써서 안됐던 것!!

  <div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
  </div>
  </div>

• 결론 :

  처음 버튼에 data-toggle="dropdown"을 data-bs-toggle="dropdown"로 바꿔줘야 했던 것!!!!!

• 아마 부트스트랩 업데이트 시 사용법이 달라진 듯 했다...

  <div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
      Dropdown button
  </button>
  <ul class="dropdown-menu">
      <li><a class="dropdown-item" href="#">Action</a></li>
      <li><a class="dropdown-item" href="#">Another action</a></li>
      <li><a class="dropdown-item" href="#">Something else here</a></li>
  </ul>
  </div>

[kyung8721]

• 5.0으로 부트스트랩을 교체하니 다른 부트스트랩 적용이 풀려 결국 원래 쓰던 버전으로 다시 돌아왔다. 드롭다운은 data-bs-toggle="dropdown"에서 -bs를 삭제하니 이번엔 적용이 됐다.

[kyung8721]

캘린더에 이벤트 추가는 DB 구축 및 내역 기능 완성 후 할 예정

[kyung8721]

char.js

var config = {
    type: 'pie',
    data: datasets,
    options: {
        responsive: false,
        layout: {
        padding: {
            bottom : 30
        }
        },
        plugins: {
            legend: {
                display: true,
                position : "right"
            }
        }  
    }
}

범례를 오른쪽으로 옮기거나 없애고 싶었는데 plugins 안에 넣으면 해결되는 것이었다.

[kyung8721]

다른 컴퓨터로 화면을 열었더니 $(document).ready(function(){가 들어간 부분은 모두 스타일이 깨졌다... 해결중

[kyung8721]

문제가 생긴 부분을 모두 지워봤는데도 스타일이 돌아오지 않음.

[kyung8721]

해당 컴퓨터에 gradle이 새로고침 되지 않아서 생긴 문제였다. gradle을 새로고침하고 해결함!

[kyung8721]

• [x] 헤더에 프로필 클릭 시 나오는 프로필 사진 글자 프로필 수정으로 변경하기