잡동사니에도 사랑을

1) 우편번호 검색 - (2) view → controller → service → DAO → DB 순으로 데이터를 전달한다. 저번 시간에 이어서 우편번호 검색 기능을 좀더 세부적으로 정리해나가는 시간을 갖도록 하자. ////////command.properties ////////CheckPost.java package member.service; import java.util.List; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.control.CommandProcess; import member.bean.ZipcodeDTO; import member.dao.Me..

1) 전체 index.jsp를 하나의 큰 틀로 잡고, 그 안에 header와 container, 그리고 footer를 잡았다. container 안에는 nav.jsp와 ${display}, 각각 로그인 영역과 회원가입 영역으로 나누었다. 좀더 세부적으로 ${display} 영역 내 2) 회원가입 유효성 검사 3) 이미지 클릭 시 홈(index.jsp)으로 돌아가기 상단의 이미지 클릭 시 홈(index.jsp)으로 돌아가게끔 하려고 한다. index.jsp에서 단 두줄만 바꿔주면 된다. MVC 기반의 미니 프로젝트 *주요 내용 : → style="cursor: pointer; 을 넣어주는 이유는 이미지에 이벤트 기능이 걸려있음을 명시해주기 위해 화살표 모양의 커서에서 손가락 모양의 커서로 바꿔준다. 4) ..

지난 시간, navigator 위치에 로그인창을 만들고 유효성검사까지 구현해주는 작업을 진행하였다. 먼저 결과를 보면서 이번 시간엔 어떠한 작업을 구현하고자 하는지 파악해보도록 하겠다. 흐름을 먼저 살펴보자 ////////command.properties /member/login.do=member.service.LoginService /member/logout.do=member.service.LogoutService ////////memberMapper.xml select * from member where id=#{id} and pwd=#{pwd} ////////MemberDAO package member.dao; import java.io.IOException; import java.io.Reader..

Template 플러그인과의 연계 - Template 플러그인은 동적으로 생성하고자 하는 요소를 미리 HTML 틀을 정의해 둔 후, 그 안의 적용할 내용을 JSON 데이터로 처리하는 jQuery 플러그인이다. - Ajax를 사용하면 원격지의 JSON 데이터를 페이지 이동 없이 로드 해 올 수 있다. - 이때 Ajax로 로드한 JSON 데이터의 구조와 템플릿에 정의되어있는 치환자들이 동일하다면, 바로 데이터를 전달받아 동적 요소를 생성하여 화면에 출력하도록 구성할 수 있다. jQuery의 template Plugin도 그 웹 코드상 뜻 그대로 일종의 형판과 같은 역할을 한다. 일정한 패턴을 가진 코드와 데이터가 반복될 때, 반복되는 코드의 구조를 template로 따로 관리하여 재사용을 할 수 있도록 도와..

////////json02.json ////////exam02.html //----------------------------중략------------------------------ $.ajax() 함수를 사용한 JSON데이터 읽기 (2) [결과]

JSON 파일 로딩 - XML 데이터는 JSON에 비해 전송되는 텍스트의 양이 많기 때문에 통신량의 소모가 큰 단점이 있다. - 이런 단점을 보완하기 위해서, Ajax에서의 응답 결과를 JSON 형식으로 사용하기도 한다. - JSON은 javascript에서의 기본 데이터 표현기법이므로, XML과 같이 요소를 탐색해야 하는 번거로움이 줄어든다 /////////json01.json ////////exam01.html //----------------------중략-------------------------- $.ajax() 함수를 사용한 JSON데이터 읽기 (1) [결과]

// 더보기 ////////exam05.html //----------------------중략----------------------------- jQuery Comment 작성자 덧글 내용 ◎ 덧글 목록 더보기 true 24 1 2 3 다시 html파일로 넘어와 ◎ 덧글 저장 ////////comment_write.jsp *주요 내용 : → SimpleDateFormat : 현재 시각이나 어떤 시각을 특정 형식으로 맞추어 출력하거나, String으로 변환해야 할 때 사용한다 → request.setCharacterEncoding("UTF-8") : .jsp / .html 파일 Form 태그에서 입력한 값을 전송할 때는 Get방식 혹은 Post방식을 사용해 파일을 전송하는데, Post로 보내는 값이 '..