I T H

앞서 진행한 CRUD 작업에서는 트랜잭션을 적용하지 않은 상황으로 해당 문서에서는 트랜잭션 적용을 위해 필요한 라이브러리 주입 및 트랜잭션 처리, 기능 테스트를 진행하고자 한다. - 트랜잭션 : 데이터베이스의 상태를 변화시키기 해서 수행하는 작업의 단위를 뜻한다. 유사한 시스템에서 상호작용의 단위이다. 특징에는 원자성, 일관성, 독립성, 지속성이 있다. - 커밋(Commit) : 하나의 트랜잭션이 성공적으로 끝났을 경우 수행이 끝났음을 알려주기 위한 연산으로 데이터베이스의 데이터를 입력하거나 수정 등의 작업이 실제로 반영되는 상태를 의미한다. - 롤백(Rollback) : 트랜잭션 처리 과정 중 오류 및 예외로 인해 수행이 완료되지 않은 경우 해당 일련의 과정을 취소시키기 위한 연산으로 입력 및 수정 등..

해당 프로젝트 jsp 파일 내에 javascript 코드가 있어서 복잡해보인다. 따로 분리 시켜서 코드가독성을 증가하려고 함. 중복된 코드는 하나의 공통메서드로 관리하려고 함. ㄱ. .js 파일들 jsp에서 분리 - 먼저 resources 파일 아래 ajax 공통메서드들만 모아놓을 ajax.js 파일과 crud.js 파일을 만든다. - home.jsp의 ㄴ. ajax.js 파일에 ajax 공통메서드 생성 - ajax 데이터 저장용 메서드(insert, update, delete) 와, 데이터 조회용 메서드를 작성한다. //2023. 6. 28 // CRUD ajax 공통 메서드 //데이터 입력용 메서드(insert, update, delete) function dataSaveAjax(url, obj, t..

이어서 CRUD 중 D(delete)에 해당하는 DELETE 관련 내용을 설명한다. 테스트 단계이므로 그리드 등의 API는 사용하지 않고 일반 테이블로 작성한다. 4. DELETE ㄱ. 화면 뷰 수정 (JSP) - 앞서 업데이트 폼 아래의 업데이트 버튼과 함께 삭제 버튼을 1개 추가하여 준다. 3. DATA UPDATE/ 4. DATA DELETE ID Password Name Tel Email Update Delete ㄴ. 삭제 버튼 클릭 이벤트 처리 (Javascript / JQuery / Ajax) - 삭제 버튼에 대한 이벤트를 추가로 스크립트 작성을 해준다. - 사용자 아이디를 키로 하기 때문에 파라미터에는 사용자 아이디만 담아주어도 된다. // 4. DATA DELETE $("#btnDelete..

이어서 CRUD 중 U(update)에 해당하는 UPDATE 관련 내용을 설명한다. 테스트 단계이므로 그리드 등의 API는 사용하지 않고 일반 테이블로 작성한다. 3. UPDATE ㄱ. 화면 뷰 수정 (JSP) - 앞서 조회된 리스트 중 1개의 행을 클릭한 경우 UPDATE 폼에 출력하고 출력된 정보를 수정한 후 수정 버튼을 클릭하면 실제 데이터가 업데이트 되도록 처리한다. - 먼저 업데이트 관련 화면 폼을 작성한다. 3. DATA UPDATE ID Password Name Tel Email Update - 사용자 아이디 (txtModifyUserId) 의 경우에는 수정이 불가하도록 readonly 옵션을 주어 처리한다. ㄴ. 조회된 리스트 중 행 클릭 이벤트 처리 / 업데이트 처리 (Javascript..

11장에 이어서 CRUD 중 R(read)에 해당하는 SELECT 관련 내용을 설명한다. 테스트 단계이므로 그리드 등의 API는 사용하지 않고 일반 테이블로 작성한다. 2. SELECT ㄱ. 화면 뷰 수정 (JSP) - home.jsp 파일에 사용자 아이디, 이름을 조회조건으로 두고 데이터베이스에 저장된 리스트를 조회하여 화면 테이블에 출력하고자 한다. - “조회” 버튼을 아래에 배치하여 저장된 정보를 조회하도록 (컨트롤러를 호출하도록) 한다. - 버튼에 대한 이벤트 처리 스크립트를 작성한다. 2. DATA SELECT ID Name Search ID PASSWORD NAME TEL EMAIL INPUT DATETIME - 이 태그에 데이터가 출력되도록 할 것이다. ㄴ. 버튼 이벤트 처리 (Javascr..