웹페이지가 길어지면 상단으로 가기 위해 마우스 스크롤이나 키보드의 pageUp 버튼을 사정없이 눌러야 합니다. 이런 불편함을 jQuery의 animate() 함수로 한방에 해결해 보겠습니다. 먼저 jQuery CDN 사용법을 확인해주세요! jQuery CDN을 이용한 사용법 기본 사용법 jQuery CDN 연결 먼저 시켜주시고, 버튼을 하나 만들어 줍니다. <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width”> <title>JS Bin</title> <script src=”https://code.jquery.com/jquery-3.7.0.js”></script> </head> … Read more
jQuery 라이브러리는 웹 페이지에서 애니메이션 효과를 주는 함수들이 많이 있습니다. 이번 시간에는 그중에서 제 생각에 제일 많이 사용하는 slideToggle()에 대해서 간편하게 사용하는 방법을 알아보겠습니다. 먼저 jQuery CDN 사용법을 확인해주세요! jQuery CDN을 이용한 사용법 기본 사용법 jQuery CDN 연결 시켜주고, div를 안보이게 처리 한 다음, ‘펼침’ 버튼을 클릭 하면 스르륵~ 나타납니다. <!DOCTYPE html> <html> <head> <meta … Read more
jQuery를 사용하기 위해서는 해당 라이브러리가 필요합니다. 해당 라이브러리를 공식 홈페이지에서 직접 다운로드 받아서 서버에 업로드해서 사용하는 방법이 있습니다. 이번 시간은 CDN을 이용한 방법에 대해서 알아보겠습니다. CDN은 해당 라이브러리를 다운받아서 사용하는 것이 아니라, 공식 홈페이지에서 제공하는 라이브러리 URL을 그대로 사용하는 방법입니다. 장점은 작업하는 홈페이지의 트래픽량을 감소시킬 수 있습니다. CDN URL 찾기 jQuery CDN 공식 홈페이지로 이동하면, … Read more
jQuery(제이쿼리)는 JavaScript(자바스크립트) 라이브러리로, 웹 개발에서 JavaScript를 간편하고 유용하게 많이 사용되고 있습니다. 그 jQuery를 사용하는 방법을 한번 알아 보겠습니다. jQuery 사용법 jQuery 사이트 접속(바로가기) 사이트 상단 메뉴에서 “Download” 클릭 페이지 내 검색(단축기 : ctrl + F)에서 “Google CDN”으로 검색 여러 CDN 이 있는데 이중 원하는 CDN 클릭 jQuery 1,2,3버전의 스니펫 중 하나 선택 jQuery Google CDN … Read more