본문 바로가기

Kosta DevOps 과정 280기/Java109

jquery와 Ajax 정의자바스크립트 라이브러리이다다음의 기능들을 용이하게 한다.DOM 객체 조작시각적 효과이벤트 처리Ajax 통신사전 설정jquery 라이브러리 다운로드하여 연결(로컬 파일 or 링크 걸기)사용1window.onload = function(){} 대신에 $(function(){});document.querySelector("#btnRead").onclick = function(){} 대신 $("#btnRead").click(function(){}) Ajax 와 통신으로 서버로 데이터 전달하기js 의 경우let request = new XMLHttpRequest();request.onreadystatechange = function(){ if(request.readyState == 4){ if(requ.. 2024. 7. 22.
Ajax 통신 Ajax(Asynchronous JavaScript and XML)비동기적인 웹 어플리케이션의 제작을 위한 웹 개발 기법현재의 자바스크립트는 사용자의 요청에 따라 동적으로 노드를 생성, 수정, 삭제하는 것이 목적사용자의 요청에 따라 서버로부터 데이터를 읽어오기 위한 방법이 때 우리가 다룰 서버의 기술은 jsp, 서블릿, 스프링이다.원래 서버의 프로그램인 jsp, 서블릿, 스프링은 동적인 html 을 생성하는 것이 목적이지만, Ajax 통신으로 요청될 때는 그에 필요한 데이터만 응답한다.이 때 데이터만 응답하는 방식으로 csv, xml, json(표준 데이터 형식)이있다.csv : , 를 기준으로 데이터를 구분xml : 초창기 웹 문서의 형식json : 자바스크립트를 기반으로 한 데이터 형식네이버를 보면 .. 2024. 7. 22.
세션을 이용한 상태유지 session : 상태를 유지하는 방법으로써 브라우저를 닫기 전까지 사용자의 상태를 서버에 기록하는 방식 상태 유지하기 위하여 JSP 내장 객체 session 을 이용한다.request.setAttribute(속성명, 값); ==> 다음 연결된 문서 까지만 상태 유지session.setAttribute(속성명, 값); ==> 브라우저를 닫기 전까지 상태 유지 http : 무상태 서버 => 사용자의 요청에 따른 응답을 하고 연결이 끊김그래서 우리는 사용자의 상태를 유지하는 기법을 고안할 필요가 있다. 이 사용자가 로그인을 했는지, 이 사용자가 투표를 했는지 여부 session.을 이용하여 데이터를 저장session.setAttribute("속성명", 값);session을 이용하여 데이터를 읽어오기sessi.. 2024. 7. 16.
프론트 컨트롤러 Controller : 컨트롤러사용자의 요청을 파악하여 일처리를 위한 모델을 결정해주고 그 모델이 처리한 결과를 뷰에서 사용할 수 있도록 상태 유지하고 해당 뷰 페이지로 이동시키는 역할을 수행한다. Front Controller : 프론트 컨트롤러웹 어플리케이션의 정문 앞에 서서 모든 사용자의 요청을 파악하는 컨트롤러각각의 요청에 따른 컨트롤러를 따로 만들지 않고, 한 개만 만들어서 처리하는 방식을 말한다. 서비스명 파악하기프론트 컨트롤러의 겨우 모든 요청을 하나의 컨트롤러가 받아서 처리하기 때문에 사용자가 어떠한 서비스를 원하는지 파악할 필요가 있다. String url = request.getRequestURL().toString(); String uri = request.getRequestURI(.. 2024. 7. 15.
MVC 패턴 개념 전통적인 java 기반의 웹 기술인 jsp 는 하나의 jsp 문서에 사용자의 요청, 요청에 따른 처리 그리고 결과를 보여주기 위한 view 를 하나의 jsp 에서 모두 처리하게 된다.이것은 웹 초기에는 jsp 문서 안에서 html 과 자바 문법을 같이 쓸 수 있어서 장점이었으나 그러나 현대의 웹 환경에서는 사용자 요구가 복잡해지고 프로젝트 규모가 커짐에 따라 또, 협업과 유지보수 하기에는 어려움이 있다.그래서 현대의 웹 환경에서는 하나의 jsp 안에서 모든 처리(사용자의 요청 파악, 그 요청에 따른 일처리, 그리고 결과를 보여주기 위한 View의 역할)를 하지 않고 별도의 역할 분담을 하기를 권장한다.사용자의 요청 파악은 "Controller"가 하고 그 요청에 따른 일처리는 "Model"이 담당하.. 2024. 7. 15.
jsp 문장 구성 요소 스크립트릿온갖 자바 문법을 사용할 수 있음 표현식변수의 내용을 출력지시자 JSP와 JAVAjsp 또한 java 의 DB 와 연결하는  것과 비슷하다. 단, 이 때 webapp > WEB-INF > lib 폴더에 ojdbc8.jar 파일을 추가해주어야 한다. 도서등록 부서등록 고객등록 고객목록 도서등록 도서번호 : 도서이름 : 도서가격 : 출판사명 : = 1){ out.print("도서등록 성공"); }else{ out.print("도서등록 실패"); } %> 고객목록 "> 고객 상세 정보 고객번호 : 고객이름 : 고객주소.. 2024. 7. 15.
confirm confirm매개변수 안에는 알림 메세지를 입력boolean 값을 반환event.preventDefault();기본 이벤트를 제거하기 위한 함수예시a를 누르거나 form 태그의 submit 을 누르면 a 의 href 에 연결된 문서로, form action 에 설정된 문서로 이동하는 것이 "기본 이벤트"이다.상황에 따라 이러한 기본 이벤트를 제거할 때 preventDefault 함수를 이용한다. 2024. 7. 15.
jsp jsp 에서 java 문법을 사용할 수 있게 해주는 스크립트릿  : 온갖 자바 문법을 쓸 수 있다.열고 닫고 하는 것이 번거로울 수 있다.out 내장객체를 이용해서 HTML 을 출력할 수도 있다.  도서등록 도서번호 : 도서이름 : 도서가격 : 출판사명 : = 1){ %> 도서등록 성공 도서등록 실패  servlet 내장 객체 : jsp 에도 사용 가능responserequestout : 출력을 위한 객체 연습2새로운 부서 등록을 위한 웹 문서들을 서블릿으로 만들고 결과를 확인한다. 이동package com.kosta.servlet; import java.io.IOExcep.. 2024. 7. 12.

티스토리툴바