일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- hokeys
- react
- 비동기
- IOS
- Svelte
- javascript
- 자스민
- hokidoki
- 개발
- 리액트 예제
- SWIFT
- 계명대
- 계명대 이종호
- 자료구조
- 호키도키
- 개발자
- 이종호
- queue
- 호키스
- 스위프트
- Hitit
- 힛잇
- 자바스크립트 자료구조
- jest
- 스벨트
- data structure
- HTML
- 자바스크립트
- 리액트
- TDD
- Today
- Total
목록자바스크립트 디자인 패턴 (2)
Dog foot print
컴포지트 패턴 활용 : 객체들의 관계를 트리구조로써 부분 전체 계층을 표현하는 패턴으로 사용자가 단일 객체 복합 객들도 모두 동일하게 다룰 수 있도록 할 때 사용 한다. 객체 구성 Component : 인터페이스를 정의하며, 컴포지트 객체에 대한 기본 동작을 구현한다. Leaf 와 Composite가 구현해야 하는 interface이며, 이 두 요소는 상황에 따라 개별적인 클래스가 아닌 Component 인터페이스로 다루어 진다. Composite : Leaf 혹은 Composite 인스턴스를 자식으로 가진다. Leaf : Composite의 자식의 역할을 하며, 이 노드가 Compsite를 자식으로 두지 않는다. 책의 카테고리라는 구성으로 본 Composite 패턴 . 카테고리 : 카테고리는 책을 포함..
빌더 패턴 활용 구축 단계만 노출하여, 내부 구성요소를 캡슐화 하고 최종 제품을 직접 제공하는 패턴이다. 복잡한 객체 구축에 대한 더 유연한 추상화와 구현을 가능하게 한다. 즉 빌더는 구성요소를 만들 때, return 하지 않는다. 참여 객체 빌더 : 제품을 구축하는 빌더의 인터페이스를 정의한다. 구체적인 빌더 : 제품의 부분을 구축하는 메서드를 구현하며, 현재 구축 상태를 추적한다. 디렉터 : 단계를 정의하고 제품 구축을 위해 빌더와 협업한다. 최종 제품 : 빌더가 구축한 제품이다. [image:1A0310E4-6A98-4677-B66E-2F97E85EC6BD-75143-0008E9D425CBAA97/2021-10-23_15-22-44.png] 코드 예시 내가 만들고 싶은 Product abstract..