개발공부/서버 네트워크(4)
-
(3) XMLhttpRequest
XMLhttpRequest 정의 : 동기/비동기 방식으로 데이터 전송이 가능한 HTTP 요청 메서드입니다. 예시 : 1 2 3 4 5 6 var xhttp = new XMLHttpRequest(); xhttp.open("POST", "/productEdit/ajax", true); xhttp.onload = function() { console.log("status" + xhttp.status); } xhttp.send(formData); cs open() : (전송방식"GET/POST", URL, 동기"false"/비동기"true) onload() : 전송완료 후 원하는 function을 실행시킬 수 있음, send()보다 이전에 call 해줘야 되는 이유는 onload 이전에 요청이 끝날 수도 있기 ..
2021.03.15 -
(2) HttpServletRequest
HttpServletRequest 정의 : 사용자의 요청 데이터를 HTTP 서블릿에 제공하는 인터페이스 입니다. 서버에 데이터를 GET, POST 방식으로 전달할 때 HttpServletRequest로 받아줄 수 있습니다. 예시 : 서버로 formData 전송 1 2 3 4 5 6 var xhttp = new XMLHttpRequest(); xhttp.open("POST", "/productEdit/ajax", true); xhttp.onload = function() { console.log("status" + xhttp.status); } Xhttp.send(formData); cs Spring Controller HttpServletRequest에서 데이터 전달받음 1 2 3 4 @RequestMa..
2021.03.15 -
(1) HTTP GET, POST
HTTP GET, POST 정의 : HTTP를 통해 정보를 요청하는 방식입니다. HTTP는 사용자와 서버 간 request-response를 가능하게 해주는 프로토콜(규약)입니다. GET 방식은 보여주는 화면 View에 특화되어 있습니다. 여러번 재요청이 가능하며 전달되는 데이터는 URL에 추가됩니다. POST는 데이터를 insert/update할 때 활용되며 HTTP request body에 저장돼 보안을 지킬 수 있습니다. 참고자료: W3School - HTTP Methods GET vs POST
2021.03.14 -
(3) [Frontend] - 서버사이드 렌더링 (드림코딩 by 엘리 유튜브)
서버사이드 렌더링 출처: (https://www.youtube.com/watch?v=iZ9csAfU5Os&feature=youtu.be) 비교적 과거 - Static Server 페이지 하나씩 서버에 request -> response 해야했음 - Iframe 문서 내에서 또 다른 문서를 담을 수 있음 - XMLHttpRequest JSON -> JS -> HTML 받고 싶은 데이터만 받아 JS로 HTML에 전달함 SPA (Single Page Application) - AJAX XMLHttpRequst의 발전 ex) Google maps: 클라이언트가 한 페이지에서 여러 동작을 할 수 있음(비동기통신) 비교적 최신기술(CSR, SSR, SSG) CSR(Client side Rendering) 클라이언트..
2021.02.22