MyBatis 프레임워크 개요MyBatis란?MyBatis는 SQL 매핑 프레임워크로, Java 객체와 SQL 문 사이의 자동 매핑을 지원한다. 기존 JDBC의 복잡한 코드를 간소화하고, SQL과 Java 코드의 분리를 통해 유지보수성을 향상시킨다.핵심 구성 요소SqlSession: MyBatis의 핵심 인터페이스Mapper XML: SQL 문을 정의하는 파일Configuration: MyBatis 설정 파일DAO 패턴 비교 분석JDBC 방식의 DAO (기존 방식)package com.kh.jsp.model.dao;import static com.kh.jsp.common.JDBCTemplate.close;import java.sql.Connection;import java.sql.PreparedState..

학습 목표FileReader API를 활용한 이미지 미리보기 구현hidden input과 div 연결을 통한 사용자 친화적 UI 설계Base64 인코딩을 이용한 클라이언트 측 이미지 처리실제 프로젝트에서 적용한 썸네일 게시판 구현 방법FileReader API란FileReader API는 웹 브라우저에서 파일을 읽기 위한 JavaScript API이다. 파일을 읽어서 Base64 형식의 데이터 URL로 변환하여 클라이언트 측에서 이미지를 미리보기할 수 있게 해준다.미리보기 구현의 핵심 요소hidden input: 실제 파일 선택을 위한 숨겨진 input 요소div 연결: 사용자가 클릭할 수 있는 시각적 영역FileReader: 파일을 읽어서 Base64로 변환동적 이미지 표시: 선택된 이미지를 실시간으로..

학습 목표Ajax의 개념과 동작 원리 이해jQuery를 활용한 Ajax 구현 방법서버와 클라이언트 간 비동기 통신 구현실제 프로젝트에서 Ajax 활용 사례 분석Ajax란 무엇인가Ajax(Asynchronous JavaScript and XML)는 웹페이지를 새로고침 없이 서버와 데이터를 요청하고 응답받는 기술이다.기존 웹 개발 방식과 Ajax의 차이점:기존 방식:버튼 클릭 시 페이지 전체가 서버에 전송응답을 받기 전까지 화면 전체가 흰 화면에서 대기서버에서 새로운 HTML을 만들어서 리턴매번 화면이 깜빡이는 현상 발생Ajax 방식:페이지 새로고침 없이 필요한 데이터만 서버와 통신사용자 경험 향상빠른 응답 속도Ajax의 핵심 특징비동기 처리: 서버 응답을 기다리지 않고 다른 작업 수행 가능부분 업데이트: ..

학습 목표PageInfo 클래스의 구조와 역할 이해페이지네이션 계산 로직의 수학적 원리 파악Oracle ROWNUM을 활용한 페이징 쿼리 작성 방법 학습MVC 패턴에서 페이지네이션 데이터 전달 과정 이해JSP에서 JSTL을 활용한 페이지네이션 UI 구현 방법 학습- 페이지네이션 정보 통합 관리PageInfo 클래스는 웹 애플리케이션에서 페이지네이션에 필요한 모든 정보를 하나의 객체로 통합 관리하는 VO 클래스다. 개별 변수들을 분산 관리하는 대신, 관련된 정보들을 캡슐화하여 코드의 가독성과 유지보수성을 향상시킨다.@Getter@Setter@ToStringpublic class PageInfo { private int currentPage; // 현재 페이지 private int listCoun..

학습 목표commons-fileupload2 라이브러리의 구조와 역할 이해multipart/form-data 방식의 파일 업로드 처리 과정 파악파일명 중복 방지를 위한 고유 파일명 생성 방법 학습파일 업로드와 DB 저장의 트랜잭션 처리 방법 이해실제 프로젝트에서의 파일 업로드 구현 과정 체험- 라이브러리 구성 요소commons-fileupload2는 파일 업로드를 처리하기 위한 Apache Commons 프로젝트의 라이브러리다. 주요 구성 요소는 다음과 같다:// 필요한 라이브러리들commons-fileupload2-core-2.0.0-M4.jar // 멀티파트 요청 처리 기능commons-fileupload2-jakarta-2.0.0-M1.jar // Jakarta Servlet 지원commo..