728x90 300x250 SMALL javaScript545 jQuery 확장 (텍스트 토글 확장) jQuery 확장이란? jQuery는 jQuery가 기본으로 제공하는 기능 필요할 경우 다른 개발자가 만들어 놓은 기능을 확장해서 사용할 수 있다. html 텍스트 토글 javaScript (function($) { $.fn.toggleText = function() { //jQuery확장 메서드(extension method)를 정의 //$.fn(jQuery의 프로토타입 객체) 제이쿼리 객체에 새로운 동작을 추가하는 것을 의미 .toggleText(사용자 정의 메서드 이름) return this.each(function() { var $this = $(this); var originalText = $this.text(); var altText = $this.data('alt'); //data 속성을 가.. 2023. 9. 11. 패키지 패키지란? 연관있는 클래스(연관있는 변수와 함수의 그룹)를 그룹짓기 위해 사용하는 문법 자바스크립트에서 패키지 문법 일반 프로그래밍에서는 대부분 패키지 문법을 제공하지만 자바스크립트에서는 따로 패키지 문법을 제공하지 않는다 대신 오브젝트 리터럴을 이용해서 비슷하게 만들어 사용할 수 있다. var 패키지이름 = {} //or var 패키지이름 = new 객체() 패키지이름.클래스이름 = function(){ } var mooyou = {} mooyou.ui = {} mooyou.ui.tabMenu = function() mooyou.ui.progress = function() 인스턴스 생성 var tabMenu = new mooyou.ui.tabMenu() 2023. 9. 3. 클래스 프로퍼티와 메서드 프로퍼티와 메서드는 다음의 두 가지 종류가 있다. 인스턴스 프로퍼티와 메서드 : 인스턴스를 생성하는 프로퍼티와 메서드를 말한다. 클래스 프로퍼티와 메서드 : 인스턴스를 생성하지 않고 사용하는 프로퍼티와 메서드 function 클래스이름(){ . . . } 클래스이름.프로퍼티=값; 클래스이름.메서드=function(){} 여기서 클래스 이름은 인스턴스가 아니라 클래스이름 자체이다. 사용법 인스턴스를 생성할 필요 없이 접근 연산자(.)를 기준으로 왼쪽에는 클래스 이름 오른쪽에는 프로퍼티와 메서드를 접근해서 사용한다. 클래스이름.프로퍼티; 클래스이름.메서드이름(); 클래스 프로퍼티와 메서드 예시 class Car { constructor(make, model) { this.make = make; this.mo.. 2023. 9. 1. 함수단위 코딩 단점, 외부에서 내부 속성 사용하는법 - 비공개 보호되어 있는 글 입니다. 2023. 8. 31. 이전 1 ··· 22 23 24 25 26 27 28 ··· 137 다음 728x90 반응형 LIST