jQuery EVENT bind(), on(), click()

.bind(), on() .bind('이벤트', 'function'); .on('이벤트', function'); 제가 갖고 있는 물품을 기부하고 싶은데요. 어떻게 하면 되나요? 꿈이야기에서 ‘필요한 나눔’으로 등록되어 있는 물품에 대한 기부를 원하시는 경우 ‘드림애플 > 아주특별한나눔 > 특별한나눔’ 에서 기부 의사를 밝히실 수 있습니다. 또는 02-3472-3556(두드림)으로 바로 연락 주시면 절차와 방법에 대해 안내해드리겠습니다.

2021.12.07

SVG

SVG(Scalable Vector Grapics) SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 서술하는 XML 기반의 마크업 언어입니다. SVG는 텍스트 기반의 열린 웹 표준 중 하나로, 모든 사이즈에서 깔끔하게 렌더링 되는 이미지를 서술하며 CSS, DOM, JavaScript, SMIL, (en-US) 등 다른 웹 표준과도 잘 작동하도록 설계됐습니다. SVG는 달리 말하자면 HTML과 텍스트의 관계를 그래픽에 적용한 것입니다. HTML5 에서 SVG HTML5 에서 SVG와 Canvas HTML5에서 가장 눈에 띄는 변화는 강력해진 멀티미디어 지원 HTML5에서는 그래픽을 그릴 수 있는 2개의 기술이 있다. SVG는 새로운 기술은 아니고, HTML과 별개로 존재하던 ..

2021.12.06

jQuery 기본문법

jQuery jQuery(제이쿼리)는 자바스크립트를 더 쉽고, 단순하게 조작할 수 있도록 설계된 자바스크립트 라이브러리다. jQuery는 MIT 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. $ 문법. $ 대신 jQuery 사용 가능 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animat..

2021.12.06

form 이름,패스워드 검사

이름 5자 이상 입력 검사 window.onload=function(){ var elUsername = document.getElementById('username'); // input 지정 var elMsg = document.getElementById('feedback'); // 피드백이 나올 곳 지정 function checkUsername() { // 함수 생성 if (this.value.length < 5) { elMsg.textContent = 'Username must be 5 characters or more'; } else { elMsg.textContent = ''; } } elUsername.addEventListener('blur', checkUsername, false); // 함..

2021.12.03

Class 추가, 제거

JavaScript class 추가/제거하기 JavaScript로 HTML에 CLASS를 추가하거나 제거할 수 있다. ＊ 클래스 추가하기 element.classList.add(); var d = document.getElementById('div1'); d.classList.add('my-class'); ＊ 클래스 제거하기 element.classList.remove(); var d = document.getElementById('div1'); d.classList.remove('my-class'); ＊ IE9 이하를 지원해야 하는 경우 var d = document.getElementById('div1'); d.className += ' on'; // 앞에 공백을 넣어줘야 한다

2021.12.03

JavaScript event

이벤트 프로그램에 의해 감지되고 처리될 수 있는 동작이나 사건 키보드나 마우스 동작처럼 브라우저에서 발생하는 사건(순간)들 사용자가 발생시킬 수도 있고 응용프로그램이 발생시킬 수도 있음. 이벤트의 종류 프레임 이벤트, 폼 이벤트, 드래그 이벤트, 클립보드 이벤트, 프린트 이벤트, 미디어 이벤트 등 수많은 이벤트가 있다. ＊ Mouse Event onClick 마우스로 해당 엘리먼트를 클릭함 onDbClick 마우스로 해당 엘리먼트를 더블클릭함 onMouseDown 마우스를 누름(클릭은 마우스를 눌렀다 때는 것으로 구별됨) onMouseMove 마우스가 엘리먼트 위에서 이동함 onMouseOut 마우스가 엘리먼트에서 벗어남 onMouseUp 마우스를 똄(MouseDown과 반대 됨) 버튼을 누른 상태에서 ..

2021.12.03