[jQuery] AJAX 요청에 공통 경로(context path) 자동 추가하기 [AJAX 요청을 시작할 때 URL 앞에 특정 path를 자동으로 추가하는 방법]
·
◎ JavaScript/jQuery🌊
- AJAX 요청에 공통 경로(context path) 자동 추가하기 AJAX 요청 시 매번 URL 앞에 같은 공통 경로(contextPath)를 붙이는 게 번거롭다면, jQuery의 전역 설정 기능을 활용해 자동화할 수 있다.1. ajaxPrefilter 사용 (전역 인터셉터) 모든 AJAX 요청 전에 URL을 전처리할 수 있는 기능이다. contextPath가 포함되지 않은 경우에만 자동으로 붙인다. $.ajaxPrefilter(function(options, originalOptions, jqXHR) { const contextPath = "/test"; if (!options.url.startsWith(contextPath)) { options.url = contextPa..
[jQuery] 이미지맵 반응형 웹 사이트에 적용하기 [jQuery-rwdImageMaps, 이미지맵 리사이징]
·
◎ JavaScript/jQuery🌊
- 이미지맵 반응형 웹 사이트에 적용하기반응형 웹이거나 브라우저 크기를 변경할 때 이미지맵의 크기가 달라진다.jQuery-rwdImageMaps를 쓰면 해결할 수 있다.기존 라이브러리에서는 브라우저 크기 조정 시 이미지맵 coords가 NaN으로 변하는 버그가 있었다.해당 버그는 내 repo로 fork 해서 수정해놓았다. GitHub - kycasdzxc/jQuery-rwdImageMaps: Responsive Image Maps jQuery PluginResponsive Image Maps jQuery Plugin. Contribute to kycasdzxc/jQuery-rwdImageMaps development by creating an account on GitHub.github.com- jQue..
[jQuery] jQuery 이벤트: show(), hide() [p태그 보이기, 숨기기 버튼 만들기]
·
◎ JavaScript/jQuery🌊
- jQuery 이벤트: show(), hide() p태그 숨기기 p태그 보이기 hello world hello world hello world hello world hello world hello world hello world - p태그 보이기, 숨기기 버튼 만들기[show(), hide() 이벤트 사용] HTML 삽입 미리보기할 수 없는 소스
[jQuery] ready 함수와 이벤트 바인딩(evnet binding) [jQuery ready 함수, window.onload]
·
◎ JavaScript/jQuery🌊
- ready 함수와 이벤트 바인딩(evnet binding) load : 문서 내의 모든 요소의 load가 완료된 시점 ready function : 문서 내의 모든 요소의 ready가 완료된 시점 ex) 이때 이미지 크기가 100MB load : 100MB 다운로드 완료 후에 동작 ready : img 태그를 인식 후에 동작 기본 event는 중복 선언이 불가하여, alert는 2 > 3 > 4 로 실행된다.
[jQuery] RSS를 이용한 신문기사 크롤링(Crawling)하기 [신문사 RSS URL을 통한 XML 파싱하기]
·
◎ JavaScript/jQuery🌊
1. 크롤링을 할 RSS URL 검색(참고 : 한겨레 RSS서비스) RSS서비스 : 한겨레 RSS서비스 : 한겨레 www.hani.co.kr 2. RSS URL을 이용한 신문기사 크롤링하기 - it.java package controller; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.net.URL; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http...