loading
본문 바로가기

FRONT-END/JS, TS2

OOP - (2)팩토리펑션, 상속 팩토리함수 (Factory Function) 모든 함수는 새로운 객체를 반환할 수 있고, 그중에서 생성자함수(Constructor)를 통해 만든 함수가 아닌것을 '팩토리함수'라고 부른다. 앞서 만들었던 티비가 놀랍게도 인기가 많아져서 대량생산을 하고싶어졌다면? 하나하나 새롭게 코드를 적기에는 너무 힘이 든다... 마치 공장(Factory)에서 기계를 이용해 편하게 물품을 생산하듯이 재사용성을 위해 함수를 만들어 호출하는 방식이 더 유용할것이다. // 생성자함수 ... function Tv(){ Tv.prototype.color = function(){ console.log('black'); } } let tv2 = new Tv(); console.log(tv2.color()); // 팩토리함수 ... l.. 2020. 1. 12.
OOP - (1) 캡슐화, 추상화 OOP (Object Oriented Programming) / 객체지향프로그램 Encapsulation - 캡슐화 Abstration - 추상화 Factory Function - 팩토리함수 Inheritance - 상속 OOP란 객체를 이용해서 코드를 정리하는 방식 이다. 예를 들어 기존에는 티비를 직접 가서 버튼을 눌러 켜야했지만, '리모콘'이 생긴다면 좀더 편리하게 조작할 수 있게 된다. 이러한 것을 객체지향프로그램이라고 한다. 티비의 리모콘 기능중, 볼륨을 조절하는 코드를 작성해보았다. 객체안에 구현된 함수이기때문에 메소드 형태이다. var tv = { volume : 0, volumeMax : function(){ this.volume = 100; }, volumeMin : function(){.. 2020. 1. 10.