[사전캠프 12일차] _ Java 상속 / 재귀 문제 / 가계부 프로젝트 1일차

1. Java 전공책 복습을 이어갔다.
   상속 부분을 중심으로 공부했다.
   
   
2. 하노이의 탑 문제를 복습하며 원리를 이해하고자 했다.
   하노이 탑에 비해 색종이 만들기 문제는 너무 쉬웠다.
3. 나만의 가계부를 웹으로 개발하는 프로젝트를 시작했다.
   원래 엑셀로 정리했는데, 엑셀에는 어느 정도 코딩에 한계가 있다고 느끼던 차에
   웹 개발 강의를 통해 firebase와 bootstrap 사용법을 알게 되었고
   이를 이용하면 좀 더 쉽게 개발할 수 있을 것 같아서 프로젝트를 시작했다.

[오늘의 학습 키워드]

#상속 #하노이탑 #프로젝트 입력 구성

---

[학습 내용 정리]

• 상속

https://devhippo.tistory.com/31

Java - 상속

 

• 재귀함수 문제 풀이

https://devhippo.tistory.com/32

백준 11729번 - 재귀 - 하노이 탑 이동 순서

https://devhippo.tistory.com/33

백준 2630번 - 재귀 - 색종이 만들기

 

• 프로젝트 진행 과정 
  가계부를 위해 필요한 데이터를 입력 받는 입력창을 구성하였다.

지출, 수입 탭의 구성

내 계좌 간 이체, 계좌 추가 탭의 구성

< 개선해야 할 부분 >

1. 입력 받는 부분을 플로팅 라벨로 바꾸고 싶다.
2. 수입의 내역 부분을 셀렉션으로 변경해야 한다. (용돈, 월급, 이자, 캐시백, 기타)
3. 일부 Select에서 선택지를 데이터 베이스에 저장되어있는 계좌를 기반으로 설정하는 방법을 구상할 필요가 있다.
4. 탭이 보여지는 위치를 왼쪽 위로 크기 조정하기

---

[학습하며 겪었던 문제점]

• bootstrap의 코드를 그대로 가져왔는데 디자인이 다른 현상

원하던 디자인

 

실제 적용 시 디자인

원하던 디자인의 부트스트랩 코드를 가져왔는데 실제 적용 시, 기본 리스트 형태의 결과가 출력되었다. 

<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

부트스트랩의 디자인을 활용하기 위해서는 부트스트랩의 CSS와 JavaScript를 추가해주어야 했다.

• 하노이 탑 문제
  한 번더 복습하며 원리가 이해가 되긴 했지만 어느 정도 감으로 이해한 부분도 남아있는 상태이다.
  다시 풀라고 하면 풀 수 있을 것 같다.

---

[ 내일 학습 할 것 ]

1. Java 전공책 복습 이어서하기

2. 동적 프로그래밍 문제 풀이하기

3. 프로젝트 입력창 개선할 점 개선하기