getCurrentPosition( ) : 현재 위치 확인 가
watchPositon( ) : 변경되는 위치 확인 가능
doPost( ) 자동 호출
String a = request.getParameter("id");
SOP (a) = abc // id에 입력한 값이 나옴.
servlet을 요청하면 서버에서 servlet이 실행 됨
1.응답 형식을 결정
response.setContentType("text/html;charset=utf-8");
2.응답 출력 스트림 얻기
PrintWriter out = response.getWriter();
3. 응답 내용 출력
out.print(id + "가입성공");
렌더링 엔진: 기존 내용을 싹 지우고 (clear) 화면에 보여줌
XMLHttpRequest
1. 요청과 응답을 처리해 줌 (기존 화면 clear X)
ex) 새로 받은 위,경도의 지도로 덮어쓰기를 하고싶은 경우, XMLHttpRequest로 지도에 반영 해주어야 함.
2. 요청 보내놓고 다른 작업 가능 ( 비동기 일처리 제공)
동기 : 한 작업이 끝나야 다음 작업으로 넘어감. 요청 보내놓고 다른 작업을 할 수 없음.
비동기 : 한 작업이 끝나지 않았는데도 다음 작업을 할 수 있는 것
객체생성 -> open( ); -> send( )
function loadDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("demo").innerHTML = this.responseText;
}
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
back과 front분리해서 사용요청 허용은 back쪽에서 해줌.
동일출처정책 (Save Origin policy)
CORS error발생
서버 하나로 사용
What is jQuery? JavaScript library.
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
- AJAX
- Utilities
jQuery CDN
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head>
다운받지 않고도 사용 가능 (버전에 민감)
jQuery(Selector)
jqObj = $(selector).action() : DOM객체 찾기 - js객체 + 여러기능, 속성을 포함 (java script객체를 jquery객체로 변환시킴)
jquery용 메서드 사용 가능
jsObj = document.querySelector( ) ;
java script객체로 jquery메서드 사용 불가!
=> $(jsObj).action() : jquery객체로 변환되어 메서드 사용가능
$( '선택자' ) - DOM 객체 찾기
$( 자바스크립트 객체 ) - Jquery객체로 변환
$( '<div>' ) - elementNode 생성. document.creatElement('div')와 같음
DOMContentLoaded : resource가 준비될 때 까지 기다리지 않음
( window load는 DOM 트리가 완성되면 이벤트가 발생)
$(document).ready(function(){} => $(function(){}으로 생략 후 사용가능
$("p").click(); 은 아래와 같음.
const pArr = document.querySelectorAll('p');
pArr.forEach( (p) => {
p.addEventListner("click", ( ) => { })
});
'개발 공부 > WEB' 카테고리의 다른 글
| Servlet (0) | 2023.07.10 |
|---|---|
| Jackson library 설치 (0) | 2023.07.07 |
| JavaScript (0) | 2023.07.03 |
| CSS (2) | 2023.06.29 |
| Web HTML (1) | 2023.06.27 |