[이미지 게시판의 vo, dao, service 만들기] ① 이미지 보드 VO, DAO, SERVICE 클래스 생성 ● vo 생성 package imgboard; import java.sql.Date; import java.util.ArrayList; import img_reps.ImgrepVo; public class ImgVo { private int num; private String writer; private Date w_date; private String title; private String content; private String path; private ArrayList reps; // 전체이미지 게시판을 보여줄때 댓글들을 리스트에 담아서 함께 보여줄 예정이다. public ImgVo..

JSON (JavaScript Object Notation) : JSON은 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준이다. JSON 구조 JSON은 자바스크립트의 객체 표기법으로부터 파생된 부분 집합이기에 JSON 데이터는 다음과 같은 자바스크립트 객체 표기법에 따른 구조로 구성된다. 1. JSON 데이터는 이름과 값의 쌍으로 이루어져 있음 . 2. JSON 데이터는 쉼표(,)로 나열. 3. 객체(object)는 중괄호({})로 둘러쌓아 표현. 4. 배열(array)은 대괄호([])로 둘러쌓아 표현. [{"name" : "aaa", "num" : 1, "tel" : "111"}, {"name" : "bbb", "num" : 2, "tel" : "222"}, {..

▶ 사용자에게 보여 줄 jsp 페이지 구현 name : 동기요청 버튼을 누르면 form 의 action 주소의 get 방식으로 이동하여 페이지 변환의 작업을 수행 하게 된다. 페이지의 이동이 있는 것이 동기 요청이고 나머지 방법은 비동기식으로 페이지의 이동 없이 바로 전환 되게 된다. ● GET 방식 비동기 요청 함수 구현 function a () { 1. 비동기 요청 객체를 생성한다. const xhttp = new XMLHttpRequest(); 5. 비동기 요청 응답이 왔을 때 실행 될 핸들러 함수를 등록한다. xhttp.onload = function(){ 6. 비동기 요청을 받으면 해당 응답을 프린트 해줄 공간을 g..

Ajax (Asynchronous Javascript And XML) : Ajax는 HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법으로 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있게 된다. 웹 동기 요청과 웹 비동기 요청 동기요청 : 코드가 순차적으로 실행되며, 한 작업이 완료될 때까지 다른 작업이 대기해야 한다. 이러한 방식은 간단하고 직관적이지만, 작업이 길어지면 실행 속도가 느려지고, 작업이 차단될 가능성이 있다. 쉽게 말해 요청을 보내면 응답페이지를 받아와서 전체 페이지가 바뀌는 ..