반응형

JQuery 2

jQuery 기초 강좌 1 : jQuery를 사용하는 2가지 방법

jQuery는 JS를 간단하게 사용할 수 있게 해 주는 유용한 라이브러리로서 jQuery를 사용하기 위해서는 jQuery파일을 불러오거나 jQuery CDN 검색해서 사용할 수 있게 하는 등 사전 작업이 필요하다. 이번 시간에는 jQuery를 사용하는 2가지 방법에 대해서 알아보겠다. 1. jQuery 파일 직접 불러와서 사용하기 jQuery 파일은 jQuery 공식 사이트(https://jquery.com/)에서 압축 파일로 다운 받을 수 있다. 파일의 압축을 풀어 폴더에 저장한 다음 다음과 같이 불러온다. 아래 코드는 버튼을 누르면 이미지가 사라지고 또 한번 버튼을 누르면 이미지가 다시 나타나는 간단한 프로그램이다. 이 프로그램을 jQuery를 이용해서 작성해 보았다. 태그 사이에 를 입력하고 태그 ..

제이쿼리(jQuery)와 자바 스트립트(JS)의 코드 길이 비교

제이쿼리(jQuery)는 JS에서 자주 사용되는 기능을 함수나 객체로 모아 놓은 라이브러리 파일을 말한다. 제이쿼리를 이용하면 JS만으로 프로그래밍을 할 때 보다 훨씬 쉽고 빠르게 웹 프로그램을 제작할 수 있다. 이번 시간에는 제이쿼리가 무엇인지 간단한 예제를 통해 알아보고 JS만 사용할때와 제이쿼리를 같이 사용하면 코드가 얼마나 더 간결해 지는지 알아보자. 1.제이쿼리(jQuery)의 기능 1) DOM 요소들을 선택하는 제이쿼리 선택자 2) DOM 트리와 요소를 조작하는 제이쿼리 메소드 3) 웹 페이지에서 발생되는 이벤트를 처리하는 제이쿼리 이벤트 등으로 요약할 수 있다. DOM이라고 하면 어렵다고 생각할 수 있으나 Document Object Model이란 말로 웹에서 글자로 표현 하기 위한 모든 요..

SW 배움터 2022.09.27
반응형