728x90 300x250 javaScript515 카드형 체크박스 보호되어 있는 글 입니다. 2024. 3. 3. 리스코프 치환 원칙(Liskov Substitution Principle) 만약 S가 T의 하위 형식 이라면, 프로그램 안에서 T타입의 객체를 대체해도 프로그램의 의미나 동작에는 아무런 영향이 없어야 한다. 이 원칙은 "is-a" 관계의 의미를 설명하는데 사용된다. 예를 들어, "자동차는 차량이다"라고 말할 때, 자동차는 차량의 하위 형식이 되며, 따라서 자동차는 클래스 차량 클래스를 상속할 수 있어야 한다. 가능한 경우: 1. 자동차와 승용차 : 승용차는 자동차라고 말할 수 있기 때문에, 승용차 클래스는 자동차 클래스를 상속할 수 있다. 2. 삼각형과 도형 : 삼각형은 도형이다라고 말할 수 있기 때문에 삼각형 클래스는 도형 클래스를 상속 할수 있다. 불가능한 경우 1. 기차와 자동차 : 기차클래스에서 이동하는 기능을 가져와 자동차를 이동하는 클래스를 만든다 하지만 기차는 자동.. 2024. 3. 2. 이벤트 위임과 바인딩 방식의 차이 $(document).on('click', id, function) / $(id).click(function() { }); $(document).on('click', id, function) 와 $(id).click(function() { });는 모두 jQuery를 사용하여 클릭 이벤트를 처리하는 방식이다. 이 두 가지 방식의 주요 차이점은 이벤트 위임(Event Delegation)과 바인딩(Binding)의 차이다. 1. 이벤트 위임 $(document).on('click', id, function)방식은 이벤트 위임을 사용한다. 여기서 'document'는 이벤트가 바인딩될 요소를 나타낸다. 이벤트는 'document'에서 발생하고, 그 후에 이벤트가 발생한 요소의 'id'에 따라 필터링된다. 따라서 동적으로 생성된 요소에도 이벤트가 적용된다. 이 방식은 요소를 생성 및 제거할 때유용하며, 한 번에 많은 요소에 이벤트.. 2024. 2. 18. ES6 클래스 상속에서의 constructor ES6에서는 클래스와 extends키워드를 사용하여 좀 더 명싱적이고 간결한 형태로 구현할 수 있다. ES6의 클래스 상속을 사용하는 경우, 자식클래스의 인스턴스가 자신을 생성한 생성자 함수를 참조하는 'constructor'속성은 자식 클래스를 가리킨다. class Parent { constructor() { // ... } } class Child extends Parent { constructor() { super(); // ... } } const myChild = new Child(); console.log(myChild.constructor); // Child 생성자 함수를 참조 ES6클래스 상속에서 특별히 자식 클래스를 가리키도로 설계되었기 때문에 myChild.constructor는 Chi.. 2024. 2. 14. 이전 1 2 3 4 5 6 ··· 129 다음 728x90 반응형