본문 바로가기

전체 글111

객체지향 프로그래밍 - Class,상속,Super 클래스는 생성자함수와 마찬가지로 객체를 생성하는 기능을 하고 있다. (객체 공장) 생성자 함수에서는 {}안에 초깃값을 작성했다면 class 는 constructor() 이란 함수 안에다 초깃값을 작성한다. class 내부에서 Constructor는 한 개만 존재할 수 있으며, 2번 이상 사용 시 Syntax Error가 발생할 수 있다. // 생성자함수로 객체 생성 function Person(name, first, second, third){ this.name=name; this.first=first; this.second=second; } Person.prototype.sum = function(){ return 'prototype : '+(this.first+this.second); } var ki.. 2021. 10. 21.
객체지향 프로그래밍 - 생성자 함수,프로토타입 객체를 직접 써서 만들 수도 있지만 그렇게 만들면 방대한 양의 객체는 만들어 낼 수 없게 된다. 자바스크립트는 공장에서 물건을 찍어내듯이 주어진 값에 따라 자동적으로 객체를 생성해내는 기능들이 있는데 그런 기능중에 하나가 생성자 함수를 사용하는 것이다. // 생성자 함수를 사용하지 않으면 일일히 객체를 만들어야한다.. var kim = { name:'kim', first:10, second:20, third:30, sum:function(){ return this.first+this.second+this.third; } } var lee = { name:'lee', first:10, second:10, third:10, sum:function(){ return this.first+this.second+t.. 2021. 10. 20.
객체지향 프로그래밍 - 객체 객체란? 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인것 객체는 여러가지 값과 함수를 가질 수 있다. 객체가 보유한 값을 '프로퍼티' , 객체가 보유한 함수를 '메서드'라고 한다. 객체의 프로퍼티와 메서드는 키와 값으로 분류된다. 객체와 배열 'egoing', 'graphittie', 'leezhce' 원소를 배열과 객체로 담아봤다. 배열 var memberArray = ['egoing', 'graphittie', 'leezhce']; console.log("memberArray[2]", memberArray[2]); // 배열의 접근방법 [ ]안에 인덱스 번호를 넣어서 배열 안의 원소들을 호출할 수 있다. 객체 var memberObject = { manager:'egoing', developer:.. 2021. 10. 19.
여부에 따른 show() hide() https://rh-cp.tistory.com/83 [jQuery]display 여부에 따른 show, hide 설정하기. ◎ display의 상태를 확인하여 보여줄지 감출지 선택할 수 있습니다. 1 2 3 4 5 6 if($("#dis").css("display") == "none"){ $("#dis").show(); } else { $("#dis").hide(); } Colored by Co.. rh-cp.tistory.com 2021. 9. 2.

티스토리툴바