2024/08 검색 결과

해당 글 37건

25. 계좌 상세보기 페이징 처리

💡 학습 목표CSS와 부트스트랩을 활용한 중앙 정렬: 플렉스박스(d-flex)와 부트스트랩의 유틸리티 클래스를 사용해 요소를 중앙에 정렬하는 방법. JSP에서 동적 콘텐츠 처리: JSP에서 동적 데이터를 처리하고 화면에 표시하는 방법.페이징(Pagination) 구현  사전 기반 지식부트스트랩의 그리드 시스템:개념: 부트스트랩은 화면을 12개의 컬럼으로 나누어 레이아웃을 구성할 수 있도록 돕는 그리드 시스템을 제공합니다. col-sm-8은 작은 화면에서 8개의 컬럼을 차지하는 레이아웃을 의미합니다.사용 방법: col-sm-8, col-md-6 등의 클래스를 사용해 반응형 레이아웃을 쉽게 구성할 수 있습니다.예제: col-sm-8은 12개의 그리드 중 8개를 차지하며, 이는 전체 화면의 약 66.67%입..
Spring boot 2024. 8. 13. 16:34

24. 간단한 유틸 클래스 만들어 보기

작업 목표 1. 시간, 금액에 대한 포멧 적용하기2. account/detail.jsp 파일 코드 수정 하기 1. 시간, 금액에 대한 포멧 적용하기package 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(times..
Spring boot 2024. 8. 13. 16:31

23. 계좌 상세보기 - 2단계(기능, 동적쿼리 구현)

학습 목표 사용자 요청 list.jsp 에서 해당 계좌 번호 선택 - (list.jsp 링크 수정 해야 함) 1. detail.jsp 만들기2. account/list.jsp 파일에 링크 추가 하기3. 계좌 상세 보기 기능 구현 2. AccountController 주소 설계 및 코드 추가3. 거래 내역 쿼리 확인 후 DTO 설계 - HistoryDTO 4. AccountService 상세 보기 기능 구현 단일 계좌 검색 기능 추가 거래 내역 확인 기능 추가 (동적 쿼리 생성) 5. utils/TimestampUtil 클래스 추가 - 시간 포맷 기능 6. #,### 금액 단위 포맷 기능 추가 - HistoryDto 클래스에 기능 추가 코드상에서 사용할 쿼리 다시 확인-- 코드상에서 사용할 쿼리 생성 --..
Spring boot 2024. 8. 13. 16:29

22. 계좌 상세보기 - 1단계(쿼리 학습)

작업 순서 계좌 상세 보기 쿼리를 만들기 위한 단계 별 학습입니다. (쿼리를 작성하는 실력은 꾸준한 연습이 필요 합니다. 1일1쿼리 연습을 습관화 합시다) 1. 출금, 이체(출금) 또는 입금,이체(입금) 2. 계좌 번호 함께 출력 하기 3. COALESCE 함수와 CAST 함수 사용해 보기 4. 입,출금에 대한 모든 정보 출력 하기 (CASE 구문에 활용)5. 코드상에서 사용할 쿼리 확인 위 내용은 마이바티스에서 동적 쿼리(사용자 선택)를 생성하기 활동 입니다. : 이번 프로젝트에서 가장 힘든 부분이 될 수 있습니다. 천천히 만들어 봅시다.  출금, 이체(출금) 또는 입금,이체(입금)select * from history_tb;-- 1번계좌에서 출금 내역 select * from history_tb wh..
Spring boot 2024. 8. 13. 10:38

21. 이체 기능 만들기

1. transfer.jsp 파일 생성 2. 이체 기능 만들기3. 주요 파일 전체 코드 확인4. 동작 테스트  이체 요청(인증) Bank App에 오신걸 환영합니다 이체 금액: 출금 계좌 번호: 출금 계좌 비밀 번호: 입금(이체) 계좌번호: 이체하기  TransferDTOpackage com.tenco.bank.dto;import lombok.Data;@Datapublic class TransferDTO { private Long amount; // 거래 금액 private String wAccountNumber; // 출금계좌 번호 private String dAccountNumber; // 입금계좌 번호 private String..
Spring boot 2024. 8. 13. 10:32

20. 입금 기능 만들기

작업 순서1. account/deposit.jsp 파일 생성 2. DepositDTO 파일 생성 3. 입금 기능 만들어 보기 4. 전체 코드 확인 하기 5. 오류 테스트 확인 하기 결과 화면 미리 보기 deposit.jsp  입금 요청(인증) Bank App에 오신걸 환영합니다 입금 금액: 입금 계좌 번호: 입금  DepositDTOpackage com.tenco.bank.dto;import lombok.Data;@Datapublic class DepositDTO { private Long amount; private String dAccountN..
Spring boot 2024. 8. 12. 17:50