자바스크립트로 ajax쓰기 1.get방식 function send(){ var xhr = new XMLHttpRequest(); xhr.open("GET", "data.jsp"); //데이터를 전달할 때에는 "data.jsp?쿼리스트링"으로 전달. xhr.send(); xhr.onreadystatechange = function(){ //현재 상태가 변경될 때마다 함수 실행 if(xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200){ //준비 상태가 done일 때와 성공했을 때만 들어옴. document.getElementById("result").innerHTML = xhr.responseText; } } } 2.post방식 function send..
자바빈즈 javabeans jsp에서 java코드가 섞이다보니 불편해서 만들어짐. 상단에 작성한다. 객체화도 태그로 할 수 있고 게터세터도 태그로 사용할 수 있다. >> 모든 파일에서 태그로만 이루어질 수 있다. 태그가 메소드밖에 사용이 안됨. >> vo에서 게터세터 만드는 이유 객체화 할 수 있는 태그는 기본생성자만 호출 가능함. >> vo에서 기본생성자 만드는 이유 //객체화시켜주는 태그 >> 기본생성자만 부를 수 있음. id는 사용될 객체의 이름 class는 전체 경로 작성
input 태그의 name은 Key값임. request.getParameter("userName"); input 태그의 name 속성을 가져옴. getParameter는 map구조이기 때문에 key값을 전달하면 그 값을 전달해준다. jsp에서 입력된 값을 java에서 받아오려면 request객체가 필요하다. request객체를 받아오려면 servlet이 필요하다. doget, dopost를 사용하려면 servlet이 있어야 한다. servlet에 request객체가 있어서 getParameter("")에서 원하는 것을 받아와서 그 값을 가지고 놀면 된다.
index.jsp 제일 시작 페이지는 index로 아예 만들어 놨음. 태그 안에 servlet 객체 작성하기 서블릿 이름은 대문자로 시작해야 함. Hi // 이 이름으로 선언 com.company.app.MyPage // 이 경로를 Hi // 사용할래? *.hi // 어떤 요청을 받았을 때 url에 확장자 .jsp, .html 등이 보이지 않게 함. 눈에 보이는 url이 아니라 내부적으로 다른 경로로 갈 수 있게 해서 보안성을 높인다. 단순 페이지 이동이라도 직접 경로를 설정해서 내부적으로 이동하게 한다. 태그 : 자바파일 태그 : jsp파일 경로는 개발자가 정한다. 회사라면 기획안에 경로까지 다 나와있다. 공용 web.xml이 있지만 url이 충돌날 수 있기 때문에 프로젝트마다 web.xml을 만들어 ..
[View] 슬래쉬로 시작하지 않음 >> 상대경로! JSTL http://java.sun.com/jsp/jstl/core" prefix="c" %> 상단에 추가하기 JSTL은 pageContext가 있음. 현재 page를 기준으로 root경로를 가져올 수 있음. (req.contextPath = root경로) .jsp 파일에서 경로 쓸 때 EL문 사용 ${pageContext.request.contextPath} >> 현재 페이지에서 request 객체를 가져와서 contextPath를 가져옴 >> root경로(WebContent) Context 임시영역 page scope, page 영역에서의 Context(공간)는 page scope에 있는 객체를 가져올 수 있다. 현재 객체에서 request를 쓸 ..
*프로젝트를 만들 때, 인코딩 설정(UTF-8) 서버 설정(Tomcat v9.0) web.xml 만들기 buildpath .jar 추가 : jstl, standard, mybatis, mysql WebContent > WEB-INF > lib > .jar 복붙 : jstl, standard, mybatis, mysql, dbcp(tomcat>lib) 요청할 때 전송방식 1.get 2.post (doGet, doPost 구분은 spring 때 배울 것임.) web.xml에서 알려주는 경로 -> FrontController(요청과 응답객체를 받을 수 있는 서블릿) FrontController에서 url 분석해서 알맞는 Controller를 실행시킴. -> Controller에서 알맞는 DAO를 실행시킴. F..
쿠키 동작 방식 1) 쿠키 생성 : 웹 서버에서 쿠키를 생성하고 쿠키에 응답 데이터를 담아서 웹 브라우저에 전송한다. 2) 쿠키 저장 : 웹 브라우저는 응답 데이터를 담고 있는 쿠키를 메모리나 파일로 저장한다. 3) 쿠키 전송 : 웹 브라우저는 쿠키 요청이 있을 때마다 웹 서버에 전송한다, 웹 서버는 쿠키를 사용해서 필요한 작업을 수행할 수 있다. 1) 쿠키 생성 후 response 객체 담아준다. Cookie cookie = new Cookie("쿠키이름", "쿠키값"); response.addCookie(cookie); //헤더에 저장 세션 > request 쿠키 > response 2) 쿠키 유무를 확인하고 쿠키의 값을 얻어온다. if(request.getHeader("Cookie") != null..
EL문과 JSTL : 페이지 가독성 상승 자바 구문을 라이브러리 형태로 만들어 놓고 필요할 때마다 태그로 꺼내쓰는 기술이다. JSP 페이지 내에서 자바코드와 HTML코드가 섞여 있으면 가독성이 떨어지고 복잡해진다. EL문과 JSTL문을 사용하면 HTML 태그로만 구성된 일관된 소스코드를 볼 수 있다는 장점이 있다. - EL(Expression Language) 값을 간결하고 간편하게 출력할 수 있도록 해주는 기술 자바 EL문 ${name} ${member.getName()} 값을 찾을 때에는 작은 Scope에서 큰 Scope로 찾는다. page > request > session > application 원하는 Scope의 변수를 찾을 때 아래와 같이 사용한다. ${param.name} : 전달받은 데이..
GET 방식과 POST 방식 - GET 주소에 데이터를 추가하여 전달하는 방식. 보통 쿼리 문자열(query string)에 포함되어 전송되므로, 길이에 제한이 있으며 주소에 데이터가 보이므로 보안상 취약점이 존재한다. 중요한 데이터 혹은 길이가 긴 데이터는 POST 방식을 사용하여 요청하는 것이 좋지만 GET 방식이 POST 방식보다 상대적으로 빠른 전송방식이다. URL에 ?로 시작하는 문법(query string), get방식으로 하면 입력한 정보가 주소창에 다 나옴. 길이의 제한이 있으므로 긴 데이터를 쓸 때 GET방식을 쓰면 데이터가 짤림. 데이터가 보여도 괜찮다면 GET방식으로 해도 됨. - POST 데이터를 별도로 첨부(Header에 첨부)하여 전달하는 방식. 브라우저 히스토리에도 남지 않고 ..