국비교육

2022.03.16(57일 차_수요일) 이번에는 ajax를 활용하여 유효한 ID 체크하기 및 자주 사용하는 소스를 따로 javascript 함수로 만들 것이다. Ajax를 활용하여 유효한 ID 체크 일단 DB가 없으므로 DB 쿼리문을 썼다는 가정 하에 "suzi"를 입력해야 유효한 아이디라고 출력되도록 하였다. "suzi"를 제외한 다른 텍스트를 입력하면 유효하지 않은 아이디라고 나오도록 하였다. ajaxId.jsp -(요청 전송 페이지) Ajax ID 확인 아이디: 이번 소스들은 이전 ajax관련 소스들과 크게 다른 점이 없이 겹치는 부분은 생략하였다. 태그 안에 를 보자. 태그 안에 onkeyup = "requestGet(); 을 써서 손가락을 뗄 때마다 함수를 실행하도록 하였다. 그래서 입력할때 한..

2022.03.16(57일 차_수요일) ★이번에는 Get방식, Post방식으로 데이터를 보내는 방법에 대해 정리하고자 한다. Get 방식으로 데이터 보내기 - 버튼 클릭 시 Text가 출력된다. 버튼을 클릭하면 Hello Ajax!!! 텍스트가 나오는 예제이다. helloAjax.jsp - (요청 전송 페이지) JS를 통한 ajax 구현 Hello Ajax helloAjax_ok.jsp - (응답 페이지)

2022.03.15(56일 차_화요일) 이번에는 jQuery & Ajax를 이용해서 텍스트 데이터 전송에 관한 예제를 정리할 것이다. jQuery 란? 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 자바스크립트 라이브러리이다. DOM(문서 객체 모델)과 이벤트에 관한 처리를 손쉽게 해 주고, Ajax 응용 프로그램 및 플러그인도 활용 가능해진다 jQuery 설치 및 세팅 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best use..

2022.03.15(56일 차_화요일) 오늘부터 약 3일간 ajax에 대해 배운다! 이번 글에는 Ajax 정의에 대해 정리하고, 다음 글에서 jQuery와 함께 실습 예제를 정리할 예정이다. Ajax란? Asynchronous Javascript And XML (비동기 자바스크립트 XML)의 줄임말을 뜻함 서버(Server)와 통신하기 위해 XMLHttpRequest 객체를 사용 HTML, CSS, JS, DOM, XML 등 기존에 사용하던 기술들을 함께 사용하는 개발 기법 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만 갱신할 수 있음. (비동기) 서버(Server)와 JSON, XML, HTML, 텍스트 파일 등 다양한 형태의 데이터를 주고받을 수 있음 특징 플러그인을 사용하지 않고 브..

2022.03.11(54일 차) 이번에는 Struts2 + iBatis를 이용한 답변 형 게시판에 대해 정리할 것이다. 게시판 = CRUD 기능이다. 1. DB 테이블 생성 create table bbs (boardNum number(9) not null, name varchar2(20) not null, pwd varchar2(10), email varchar2(50), subject varchar2(50) not null, content varchar2(4000) not null, ipAddr varchar2(20) not null, groupNum number(9) not null, depth number(9) not null, orderNo number(9) not null, parent numb..

2022.03.11(54일 차) - 금요일 오늘부터 struts 2를 배운다 struts2 초기 세팅해주고 struts2를 오전에 간단하게 배우고 오후에는 Struts2로 답 변형 게시판 만들었다. 그래서 초기 세팅과 Struts2+iBatis로 만드는 답 변형 게시판을 따로 정리하고 포스팅할 예정이다. 오늘의 수업 내용 이번 글에서는 Struts2 + iBatis 초기 세팅에 대해 정리할 것이다. Struts2 또한 Struts1와 초기 세팅이 크게 다른점은 없다. Struts2 란? Struts2 프레임워크는 JavaEE 기반의 웹어플리케이션 개발 시에, Model 2 기반의 개발을 쉽게 할 수 있도록 MVC패턴의 적용을 도와주는 프레임워크이다. Struts1 다음으로 나온 프레임워크가 Struts2..