25. 계좌 상세보기 페이징 처리
목차1. 사전 기반 지식 부트스트랩의 그리드 시스템:개념: 부트스트랩은 화면을 12개의 컬럼으로 나누어 레이아웃을 구성할 수 있도록 돕는 그리드 시스템을 제공한다. col-sm-8은 작은 화면에서 8개의 컬럼을 차지하는 레이아웃을 의미한다.사용 방법: col-sm-8, col-md-6 등의 클래스를 사용해 반응형 레이아웃을 쉽게 구성할 수 있다.예제: col-sm-8은 12개의 그리드 중 8개를 차지하며, 이는 전체 화면의 약 66.67%이다.플렉스박스(Flexbox)와 중앙 정렬:개념: 플렉스박스는 CSS의 레이아웃 모델로, 요소를 쉽게 정렬하고 배치하는 데 사용된다. 부트스트랩의 d-flex와 justify-content-center는 플렉스박스를 활용해 자식 요소를 수평 중앙에 정렬하는 데 사용된..
- Spring Boot/Bank App 만들기 (deployment)
- · 2024. 8. 12.
24. 간단한 유틸 클래스 만들어 보기
1. 시간, 금액에 대한 포멧 적용하기util 클래스 생성ValueFomatterpackage com.tenco.bank.utils;import java.sql.Timestamp;import java.text.DecimalFormat;import java.text.SimpleDateFormat;public abstract class ValueFormatter { public String timestampToString(Timestamp timestamp) { SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); return sdf.format(timestamp); } public String formatKoreanWon(Long a..
- Spring Boot/Bank App 만들기 (deployment)
- · 2024. 8. 12.
23. 계좌 상세보기 - 2단계(기능, 동적쿼리 구현)
목차0. 작업 순서사용자 요청 list.jsp 에서 해당 계좌 번호 선택 - (list.jsp 링크 수정 해야 함)detail.jsp 만들기account/list.jsp 파일에 링크 추가 하기계좌 상세 보기 기능 구현 AccountController 주소 설계 및 코드 추가거래 내역 쿼리 확인 후 모델 설계 - HistoryAccountAccountService 상세 보기 기능 구현 단일 계좌 검색 기능 추가 거래 내역 확인 기능 추가 (동적 쿼리 생성)utils/TimestampUtil 클래스 추가 - 시간 포맷 기능#,### 금액 단위 포맷 기능 추가 - HistoryDto 클래스에 기능 추가코드상에서 사용할 쿼리 다시 확인더보기-- 코드상에서 사용할 쿼리 생성 -- 출금에 대한 쿼리 출력 -- re..
- Spring Boot/Bank App 만들기 (deployment)
- · 2024. 8. 12.
22. 계좌 상세보기 - 1단계(쿼리 학습)
목차 0. 작업 순서계좌 상세 보기 쿼리를 만들기 위한 단계 별 학습입니다. (쿼리를 작성하는 실력은 꾸준한 연습이 필요 합니다. 1일1쿼리 연습을 습관화 합시다)출금, 이체(출금) 또는 입금,이체(입금)계좌 번호 함께 출력 하기COALESCE 함수와 CAST 함수 사용해 보기입,출금에 대한 모든 정보 출력 하기 (CASE 구문 활용)코드상에서 사용할 쿼리 확인위 내용은 마이바티스에서 동적 쿼리(사용자 선택)를 생성하기 활동 입니다.1. 출금, 이체(출금) 또는 입금,이체(입금) select * from history_tb;-- 1번계좌에서 출금 내역 select * from history_tb where w_account_id = 1; -- 1번계좌에서 입금 내역 select * from history..
- Spring Boot/Bank App 만들기 (deployment)
- · 2024. 8. 9.
21. 이체 기능 만들기
0. 작업순서transfer.jsp 파일 생성이체 기능 만들기주요 파일 전체 코드 확인동작 테스트 화면 확인 하기1. 작성한 파일 확인transfer.jsp 계좌 이체(인증) Bank App에 오신걸 환영합니다. 이체 금액: 출금 계좌 번호: 출금 계좌 비밀 번호: 입금 계좌 번호: 이체 요청 TransferDTOpackage com.tenco.bank.dto;import lombok.Data;@Datapublic class TransferDTO { private Long amount; // 거래 금액 private String wAccountNumber; // 출금 계좌 번호 private String password; // 출금 계좌 비..
- Spring Boot/Bank App 만들기 (deployment)
- · 2024. 8. 8.
20. 입금 기능 만들기
목차0. 작업 순서account/deposit.jsp 파일 생성DepositDTO 파일 생성입금 기능 만들어 보기전체 코드 확인 하기오류 테스트 확인 하기 생성 될 파일 확인 결과 화면 미리 보기1. 생성된 파일 확인deposit.jsp 입금 요청(인증) Bank App에 오신걸 환영합니다. 입금 금액: 입금 계좌 번호: 입금 DepositDTOpackage com.tenco.bank.dto;import lombok.Data;@Datapublic class DepositDTO { private Long amount; private String dAccountNumber; }AccountController@GetMapping("/deposit")public Stri..
- Spring Boot/Bank App 만들기 (deployment)
- · 2024. 8. 8.