I T H

이어서 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..

- 해당 문서에서는 ajax를 활용한 CRUD 테스트를 통해 사용법을 알아보고자 한다. [데이터베이스 및 테이블 생성] 1. 테스트 CRUD를 위한 데티터베이스 및 테이블을 생성한다. 2. DBeaver 툴을 이용하여 데이터베이스 접속 및 신규 데이터베이스 인스턴스를 생성 - 마우스 우클릭 > Create New Database - Database name을 입력 후 확인 버튼 클릭 - 생성된 데이터베이스의 Tables 마우스 우클릭 > Create New Table 을 하거나 - 직접 create 구문을 이용하여 테이블을 생성한다. - 테스트를 위한 테이블로 사용자 정보를 저장하고 관리하는 테이블을 생성한다. 테이블명을 입력하고 - 테이블명 입력 시 대문자 사용을 권장 - 우측 하단에 컬럼 추가 버튼을..

1. Asynchronous javascript And Xml(비동기식 자바 스크립트와 xml)의 약자 2. 자바 스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능 3. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 - 해당 문서에서는 ajax를 활용한 컨트롤러 호출 및 데이터를 화면에 출력하는 것으로 사용 방법에 대해 설명한다. [동기 방식 VS 비동기 방식] - 동기 방식 : 특정 일 처리를 시작과 끝을 모두 확인하고 다음 순서의 일 처리로 넘어가는 방식 - 비동기 방식 : 특정 일 처리를 병행하여 처리하는 방식 [ AJAX 를 활용한 GET 방식 컨트롤러 호출 ]..