🍁데이터 전송 일반적으로 데이터를 가져오기만 할 때는 GET, 데이터를 보내기도 할 때에는 POST를 사용한다. success는 데이터를 수신하는 용도이기 때문에, 데이터를 보내기만 하고 가져오지 않을 때 return값이 없으므로 success가 필요 없다. 그래서 error만을 구현한다. 기본 코드 Ajax 데이터 보내는 방법 이름 나이 성별 남자 여자 주소 전화 단일 데이터 전송 data: 'name=' + $('#name').val() data를 'key=value' 형태로 작성하여 단일 데이터를 전송할 수 있다. 위 코드는 name을 전송한다. $('#btn').click(function() { //1. 단일 데이터 전송 $.ajax({ type: 'POST', url: '/ajax/ex05dat..
[JDBC] Ajax (Asynchronous JavaScript and XML) 🍁Ajax Ajax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다. 화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다. isaac-christian.tistory.com Ajax에 대해서는 위 글을 참고한다. 타입에 따라서 돌려받을 데이터 형식(Text, XML, JSON)을 결정하여 각각의 작업 과정을 확인해 보도록 하자. 🍁Text 단일 데이터 Ex04.java package com.test.ajax.controller; import java.io.IOException; import javax.servlet.RequestDispatcher; i..
🍁jQuery로 개량하여 구현 ajax 메서드 $.ajax(); jQuery 함수를 $로 적고, 바로 .을 찍으면 ajax 메서드가 나타난다. ajax는 태그와 관련된 기능이 아니라 독립적인 자바스크립트 기능이기 때문에 어떤 태그를 넣기가 애매하다. 독립적으로 ajax가 존재하도록 만들어야 하지만, 그냥 ajax();로 만들면 일반적인 함수인지 독립적인 함수인지 알 수 없기 때문에 앞에 jQuery를 붙여서 사용하는 것이다. success 이벤트 ajax 메서드에는 페이지 요청 정보를 작성하며, 안전한 상황에서만 작업을 수행해야 한다. 그리고 onreadystatechange에서 readyState(4) + status(200)인 상황일 때 안전한 상황이라고 했는데, success: function(re..
🍁순수 자바스크립트로 구현 Ajax를 사용해서 서버로 데이터를 요청하고 응답받는 게 가능하다. 이를 구현하기 위해서는 Ajax 객체를 먼저 만들어야 한다. Ajax 객체 생성 const ajax = new XMLHttpRequest(); //서버와 데이터를 송수신(전화기) 서버와 통신하는 Ajax 객체를 생성한다. 이 객체가 전화기의 역할을 하여 서버와 송수신할 수 있게 된다. open, send 메서드 // ajax.open('GET', '서버쪽 프로그램 주소'); ajax.open('GET', '/ajax/ex02.txt'); ajax.send(); ajax에는 open이라는 메서드가 있다. 이때 form 태그의 GET과 open 메서드의 GET은 같다. 서버와 통신을 하기 위해서 GET 방식으로 통..
🍁Ajax Ajax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다. 화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다. 서버 통신 요구사항 구현 프로젝트 생성 Dynamic Web Project: AjaxTest Contextr oot: ajax Generate web.xml deployment descriptor 체크 com.test.ajax 패키지 생성 1. com.test.ajax.controller 패키지 DBUtil.java Ex01.java Ex01Data.java 2. com.test.ajax.repository 패키지 AjaxDAO.java 3. com.test.ajax.model 패키지 WEB-INF 폴더 1. ..
🍁Selenium 셀레니움은 자동화 테스트를 하는 도구이다. 이러한 테스트 자동화 도구는 사이트를 만들고 나서 올바르게 동작하는지를 사람 대신에 서핑하면서 제품을 테스트 하는 프로그램을 의미한다. 셀레니움을 사용하기 위해서는 셀레니움 라이브러리와 브라우저 드라이버가 필요하다. 1. 셀레니움 라이브러리 https://www.selenium.dev/ Selenium Selenium automates browsers. That's it! www.selenium.dev Java Stable: 4.14.1 (October 12, 2023)를 다운로드 받는다. lib 폴더 내의 라이브러리를 포함한 61개의 라이브러리를 모두 프로젝트 라이브러리 폴더로 이동한다. 2. 브라우저 드라이버 https://chromedri..
🍁jSoup https://jsoup.org/ jsoup: Java HTML parser, built for HTML editing, cleaning, scraping, and XSS safety jsoup: Java HTML Parser jsoup is a Java library for working with real-world HTML. It provides a very convenient API for fetching URLs and extracting and manipulating data, using the best of HTML5 DOM methods and CSS selectors. jsoup implements the WHATWG H jsoup.org jsoup-1.16.2.jar 파일을 ..
🍁Crawling (Scraping) 웹 크롤링(Crawling), 웹 스크래핑(Scraping) 웹 사이트(웹 페이지)에서 데이터를 수집하는 행위를 의미한다. 엄밀히 따지면 크롤링은 타깃을 정해두지 않고 데이터를 가져와 그중에 쓸모 있는 데이터를 얻는 것을 의미하고, 스크래핑은 타깃을 정하고 처음부터 유효한 대상만을 긁어오는 것이다. 먼저 긁어오고 나중에 데이터를 추출하느냐, 어떤 데이터를 추출할지 정하고 추출하느냐의 차이이다. 데이터를 얻어오는 방법 a. 상대방(웹사이트)이 나에게 부여한 DB 권한을 사용하는 방법 DB를 select 할 수 있는 권한만 있다면 언제든지 데이터를 사용할 수 있기 때문에 가장 좋은 방법이지만, 불가능하다. b. 상대방(웹사이트)이 외부에 공개한 OpenAPI를 사용하는 ..
