JQuery

JQuery - [ DB정보 JSON 형태로 변경 ]

우선 라이브러리 설치가 필요하다. https://code.google.com/archive/p/json-simple/downloads 이동 왼쪽 카테고리에서 Downloads로 이동 제일 위에 json-simple-1.1.1.jar 다운 프로젝트에 라이브러리 설치하기! -------------------------------------------------- dbJSON.jsp -------------------------------------------------- - DB에서 데이터 가져와서 JSON 형태로 만드는 파일 - 아래쪽의 html 코드 내용은 지우고 작성 - contentType은 application/json; 으로 수정하기 JSON형태로 변경 // 1. 드라이버 로드 Class.forN..

JQuery - [ XML / JSON + AJAX ]

* HTML - 웹 페이지를 구현하는 언어 > 장점 : 작업/요청을 처리하고 표시하기 쉽다. 서버에서 처리된 결과를 화면에 별도 처리 없이 추가 가능 > 단점 : html 형태의 데이터를 리턴해야만 올바른 값을 보여줌 요청이 반드시 동일한 도메인에서 처리해야 함. a.html -> a.html 페이지처리 * XML (확장 가능한 마크업 언어 ) - HTML 형태와 유사하게 생김. 태그의 형태로 정보 저장 > 장점 : 복잡한 구조의 데이터를 저장 가능. 이기종 및 응용 프로그램 사이의 데이터 교환이 좋음. HTML 기본 메서드 활용 가능(기능 제한) > 단점 : 데이터보다 많은 태그의 양(데이터 리소스가 많음, 처리속도 느림) 요청이 반드시 동일한 도메인에서 처리해야 함. a.html -> a.html 페..

JQuery- [ 라이브러리(slick) 설치 ]

https://kenwheeler.github.io/slick/ 이동 get it now 클릭 Download Now 클릭 다운 받은 파일안에서 slick.js 파일을 프로젝트에 설치하고 연결해주면 사용 가능! 사용할 때 slick 함수 안의 코드는 사이트를 참조해서 원하는 걸로 가지고오면 됨! 참고로 다운받은 폴더에서 css파일을 연결해주면 설정된 css내용대로 나옴!

JQuery - [ 기본 사용 ]

https://api.jquery.com/ JQuery API Document 참조 $('선택자').함수(); - $ 기호는 제이쿼리를 의미 - 선택자를 이용하여 원하는 HTML 요소를 선택하고 함수를 정의하여 선택 된 요소에 원하는 동작을 설정할 수 있다. // 태그[속성=값] $('input[type=text]').val('아이티윌'); // 태그[속성^=값] (값으로 시작하는 속성을 찾음) $('input[type=password]').val('1234'); $('input[type^=p]').val('12345678'); // first(처음) / last(끝) // odd(홀수) / even(짝수) $('tr:first').css('backgrou..

JQuery - [ 설치 ]

- JQuery : 자바스크립트의 대표적인 라이브러리 언어(프레임워크) JQuery 설치 https://jquery.com/download/ 이동 제일 위에거 클릭! 더보기 Download the compressed, production jQuery 3.6.0 => 압축된 파일 (주석X, 줄바꿈, 공백 x) Download the uncompressed, development jQuery 3.6.0 => 비압축된 파일 (주석O, 줄바꿈, 공백O) Download the compressed, production jQuery 3.6.0 slim build => 압축된 슬림 파일 파일 (주석X, 줄바꿈, 공백 x, Ajax, 효과 X) Download the uncompressed, development jQ..