중요 정보jsp에서는 백틱(`)의 ${}이 el태그로 인식한다 그걸을 인식하지않기위해 설정해야한다더보기페이징 처리해당 게시판을 출력해주는 함수는 별개의 함수로 설정해주며새로운 페이지 실행 시나 페이지가 변경 시 계속 사용하도록한다jsp로 sp, ep, tp, data(페이지에 표시할 데이터 arr)를 json형태로 만들어주며이후 js에서 출력해주며 jsp에서 버튼 이벤트를한 뒤 메서드를 다시 실행시켜 게시판이 변경되도록한다페이징 처리 함수더보기const pageList = (sp, ep, tp) => { let pageCode = ``; // 이전버튼 출력 id=prev if(sp>1){ pageCode +=`Previous`; } // 페이지 버튼 출력 클래스 이름 .pageno ..
웹프로그래밍/jQuery
복습★더보기- 새로운 페이지 팝업으로 띄우기window.open("띄울.html", "아무 이름", "스타일") - 닫는법window.close(); - 부모페이지에 데이터 전달하기** 스크립트방식window.opender.document.querySelector('#부모id').value** jQuery방식$('입력할부모데이터',opener.document).val(새로운값)- 새로 생성한 테이블에 (동적)이벤트$(document).on('click','클래스이름이나 id이름', function(){ })문제유효성검사전에 배운 이론 링크유효성검사1. on이벤트에서 'keyup' 타입으로 생성2. 제출 버튼 'click'이벤트에서 유효성검사아이디 유효성/^[a-zA-Z][a-zA-Z0-9]{3,12}$/..
fetchJavaScript 내장 API리소스를 비동기 요청할 수 있다사용 형식let promise = fetch(url, [options])options선택 매개변수, method나 header 등을 지정할 수 있음options에 아무것도 넘기지 않으면 요청을 GET메서드로 진행됨콜백함수가 호출되면서 response객체 타입을 데이터로 받음response메서드status HTTP 상태 코드ok boolean 값 HTTP 상태 코드가 200과 299 사이일 경우 truetext() 받은 url을 text로 받음json() 받은 url을 json형태로 받음 (JSON.parse(text변수)와 같음)fetch는 error를 reject하지..
(참고) Build Path하지 않고WEB-INF>lib에 jar파일 넣을 것 Controller 클래스를 수정MemberList.java해당 list값을 전송하기 위해서request.setAttribute("key", value)request.getRequestDispatcher("/경로").forward(request, response)package kr.or.ddit.member.controller;import java.io.IOException;import java.io.PrintWriter;import java.util.List;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax...
json타입으로 문자 받기변수 = this.responseText형식으로 json객체 형식의 문자열 가져오기JSON.parse(변수) 로 자바스크립트 객체로 변환시킴변수.key 를 통해 value값을 가져올 수 있다만약 json 배열 형태라면 반복문을 통해 변수[i].key를 통해 가져올 수 있다예시html jobj.jsp{ "name" : "홍길동","addr" : "대전","tel" : "010-1234-5678"}jobarr.jsp[{ "name" : "귀오미", "addr" : "대전", "tel" : "010-9999-9999"},{ "name" : "뽀야미", "addr" : "서울", "tel" : "010-5555-5555"},{ "name" : "리처드", "a..
AJAX(Asynchronous JavaScript and XML)서버와 데이터를 교환하는 기술의 하나자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식을 의미한다.전체 페이지를 다시 로드 하지 않고도 웹 페이지의 일부를 업데이트 할 수 있다JavaScript 비동기 통신 댓글과 같은 페이지가 로드되지 않고 바로 업데이트 되는 형식객체선언 > new XMLHttpRequest()객체 생성form methodget일 때xhttp객체.open('get','이름.jsp?전달할변수name=문자열')xhttp객체.send() // url에 쿼리스트링으로 표현하기post일 때xhttp객체.open('post','이름.jsp');xhttp객체.setRequestHeader( )xhttp객체..
